• G
    User •

    Modificare Header Blog WordPress

    Ciao a tutti i ragazzi del forum.. Volevo chiedere un aiuto per il mio sito raggiungibile a questo tuttoapp-android.com.
    Il template che uso è questo: themefuse.com/wp-themes-shop/free-wordpress-theme/.

    Vorrei riuscire a modificare l'header in modo che posso inserire un logo più grande di quanto attualmente di può inserire. Spero di essermi spiegato bene :fumato::fumato:

    In pratica ho visto che non posso caricare loghi più grandi di una certa misura. Ho visto sul codice CSS ma non ci ho capito un tubo.

    Grazie mille..

    0
  • S
    User Attivo •

    Ciao,

    prova ad installare firebug e iniziare a capire come è composto un template, lato css. Ad ogni modo nel file css (screen.css) trovi

    .header {
    height: 100px;

    min-height: 100px;

    Per inserire un logo più grande devi modificare la voce height con la dimensione che neccessiti. Se hai bisogno chiedi pure. Buona serata.

    0
  • G
    User •

    Sono un co-admin del sito.

    E' questo il codice:

        height: 100px;
    min-height: 100px;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
color:#fff;
position:relative;
z-index:3}

    Dove sbagliamo?
    Grazie

    0
  • S
    User Attivo •

    Per visualizzare tutto il logo e di conseguenza visualizzare anche l'immagine successiva, imposta il valore height a 180px

    Personalmente però ti consiglierei di scegliere o il logo o l'immagine secondaria perchè queste riempiono "troppo" la pagina portando via importanza ai contenuti.

    Se hai bisogno, sono qui. Buona serata.

    0
  • G
    User •

    In primis ti ringrazio.
    Poi dobbiamo capirci perchè, lo ammetto, sono un pivello in fatto di css.

    Ti copio tutto il codice corretto affinchè possa dirmi dove sbaglio.

    /* 2. SITE STRUCTURE /
    /    =================================================/
    /    -----------------------------------/
    /     Header /
    /    -----------------------------------*/
    .header {
    height:180 px;
    min-height: 180px;
    border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    color:#fff;
    position:relative;
    z-index:3}

    .single {
    border-radius:5px;
    -webkit-border-radius:5px;}

    .header, .navibar, footer {
    background-color:#222;}

    .logo {
    position:relative;
    z-index:2;
    width:220px;
    height:152px;
    float:left;
    padding-left:20px;}

    .logo strong {
    display:inline-block;
    font-size:22px;
    text-transform:uppercase;
    color:#fff;
    font-family: 'Droid Sans', sans-serif;
    margin:32px 0 0 0;
    letter-spacing:2px}

    .logo img {
    max-width:100%}

    .logo-sub {
    display:block;
    font-size:11px;
    color:#fff;
    padding-top:2px;
    font-family: 'Droid Sans', sans-serif;
    opacity:0.5;
    filter:alpha(opacity=50)}

    0
  • G
    User •

    Con Firebug sono riuscito a farlo funzionare su Firefox ma non su Mozilla.
    In cosa sbaglio?

    0
  • G
    User •

    Scusa ma non vedo il tasto edit.
    Sono riuscito in tutto: voglio solo portare il logo un pò più in alto.
    Se mi dici come si fa, ti sarò grato 😄

    0
  • S
    User Attivo •

    Ciao, perdona la domanda, forse banale, ma dove fai le modifiche?

    Le modifiche devi farle direttamente sul file .css. Firebug ti è di aiuto per vedere una preview senza andare a modifichare direttamente il codice. Per rendere poi effettive le modifiche dei lavorare direttamente sul file .css.

    Fammi sapere sei ancora problemi.

    0
  • G
    User •

    Ho risolto tutto. Ora vorrei solo spostare il logo pochi mm più in alto.
    Sapresti dirmi gentilmente come fare?
    Dopo tanto lavoro ho paura di far danni 😄

    0
Effettua l'accesso per rispondere