Oke daar gaan we:
Inloggen in je Admin en dan in het menu naar:
Weergave > Editor
Als het goed is wordt dat al direct je stylesheet geladen. (style.css) dat is het bestand dat je moet hebben hiervoor.
Als eerst gaan we de witte background verwijderen.
Zoek deze code:
#page {
background: #fff;
}
Dat verander je in:
#page { }
Daarna gaan we je witte background wel weer terug zetten over het onderste gedeelte van de pagina.
Zoek deze code:
#main {
clear: both;
padding: 1.625em 0 0;
}
En verander dat naar dit:
#main {
background: #fff;
clear: both;
padding: 1.625em 0 0;
overflow: hidden;
}
Nu is het onderste gedeelte weer wit maar nog niet je Footer dat gaan we nu weer wit maken.
Zoek deze code op: (ver onderaan de pagina)
#colophon {
clear: both;
}
En verander dat naar dit:
#colophon {
background: #fff;
clear: both;
}
Zo bijna klaar nog wat kleine dingetjes doen.
– Er staat nog een grijze streep bovenaan de pagina van 2pixels dik deze gaan we nu verwijderen.
Zoek deze code op:
#branding {
border-top: 2px solid #bbb;
padding-bottom: 10px;
position: relative;
z-index: 9999;
}
En verwijder de regel border-top: 2px solid #bbb;
Zodat het daarna uitziet als dit:
#branding {
padding-bottom: 10px;
position: relative;
z-index: 9999;
}
– Nu nog even de ruimte onder het menu aanvullen tot het direct mooi aansluit op de witte achtergrond eronder.
Zoek deze code weer op:
#access {
background: #222; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
En maar van de 6px bij margin: 0 auto 6px; een NUL (0)
Dus zo:
#access {
background: #222; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 0;
width: 100%;
}
Dan op opslaan drukken onderaan de pagina en kijken of het gelukt is.
🙂
