- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Modificare Header Blog WordPress
-
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
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..
-
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.
-
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
-
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.
-
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)}
-
Con Firebug sono riuscito a farlo funzionare su Firefox ma non su Mozilla.
In cosa sbaglio?
-
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
-
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.
-
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