Gebruik CSS om de eigenschappen van de opmaak te veranderen.
Bijvoorbeeld:
#maincontent {
background-image:url('paper.gif'); /*plaatje*/
background-color:#cccccc; /*kleur*/
color:#66cc99; /*textkleur*/
}
Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of een andere webdeveloper plugin / add-on.
Zo kan je op zoek naar de diverse elementen en de kenmerken zoals, kleur, grootte, positie en afbeelding, aanpassen.
Gebruik van firebug – enkele eerste stappen
In browser:
1. re-klik > element inspecteren met firebug
2. Het firebug scherm opent:
* boven de webpagina
* firebug-werkbalken
* li-onder: scherm met HTML/ CSS en bijv. DOM
* re-onder: stijl= css
3. In de FB-werkbalk: klik het tweede icoon van links [pijltje in vakje];
4. Beweeg je muis over de webpagina [en klik]. Hiermee selecteer je een element in de webpagina, om daarmee de code zichtbaar te maken in het FB-scherm
5. In het FB-scherm:
* Links: de HTML-code van het gekozen element
* rechts: de stijl =CSS
* klik in de css en verander de waarde; kleur grootte of voeg een regel toe
* controleer in het deel van de webpagina of het gewenste effect wordt bereikt
* Nee? Druk <F5> verversen browser. Probeer iets anders
* Ja: neem de aanpassing op in de ‘style.css’ van je childtheme
6. Er is veel info over het gebruik van firebug.
begin eens hier: https://getfirebug.com/faq/
