• 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..


  • 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.


  • 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


  • 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.


  • 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)}


  • User

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


  • 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 😄


  • 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.


  • 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 😄