Verschillende fonts gebruiken

Om dat soort dingen te doen [en nog heel veel meer] moet je het css-bestand aanpassen naar je wensen. Beter is het maken van een ‘child theme’.

Sommige themes bieden een ‘custom css’ veld aan waar je dergelijke aanpassingen kan maken.
== == ==
A. begin met het maken van een back-up van je site.

Tip: Gebruik plugin ‘one click childtheme’ om een child theme te maken.
1. installeer ‘one click childtheme’
2. activeer de originele theme
3. Dashboard > weergave > child theme
4. beantwoordt de vragen op het scherm
>> er wordt een child theme aangemaakt map en bestanden zoals style.css;
== == ==
B. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
– Maak je aanpassingen in style.css;
– mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.
== == ==
C. nu voorbeelden van aanpassingen:
In style.css:

h1{ font-size: 3em;/*grootte*/
     font-family: arial, helvetica, universe, sansserif;/*lettertype*/
     color:#99cc66; /*letters appelgroen*/
     font-weight:bold; /*vet*/
     line-height:2em; /*regelhoogte*/
}

Voor h2 kies je andere waarden, bijv:

h2{ font-size: 3em;/*grootte*/
     font-family: arial, helvetica, universe, sansserif;/*lettertype*/
     color:#ff0000; /*letters rood*/
     font-weight:normal; /*vet*/
     line-height:1.5em; /*regelhoogte*/
}

enzovoort
Lees meer:
http://codex.wordpress.org/nl:WordPress_Lessen

’t Is een beetje als leren dansen, voetballen enz. In ’t begin lijkt ’t een hele klus. Naarmate je een beetje oefent gaat ’t steeds soepeler. Kleine stapjes, houd de lol er in.

– Het is gebruikelijk om ze zoals eerder getoond vorm te geven om de leesbaarheid. Kan de CSS-editor van je theme dat niet, zet de aanpassingen op een lange regel. Zo is het toch nog leesbaar en zo nodig aan te passen.
bv.
h2{ font-size: 3em; font-family: arial, helvetica, universe, sansserif;color:#ff0000;font-weight:normal; line-height:1.5em;}

– de voorbeelden heb ik gekozen aan de hand van je vraag. De waarden min of meer willekeurig. Van elk van de door jou genoemde elementen zit er een voorbeeld in.

– voor kiezen van kleuren zijn er veel sites. zoek maar eens op css color code. Ik gebruik http://colorpicker.com

– HTML en CSS enz. zijn ‘internationaal’ Voorbeelden in elke taal zijn bruikbaar. De termen zelf zijn Engels.

– CSS-regels zijn als volgt opgebouwd:

selector {eigenschap:waarde; eigenschap:waarde;}
| | |
h1 {color:#FF0000;font-size: 3em;}

Alleen de selector [hier dus h1 krijgt hier de kleur rood en een groter lettergrootte. Dat geldt voor alle h1 in je site.
Op deze manier kan je door css aan te passen aan je wensen op één plek, alle pagina’s van je site zo maken als je wilt, ipv dat voor elke pagina opnieuw te moeten invoeren…
Het internet staat vol met uitleg.
Hier een min of meer willekeurige van de club die het bedacht heeft.

http://www.w3.org/Style/Examples/011/firstcss.nl.html
Een eenvoudig boekje als naslagwerk kan ook helpen.
http://codex.wordpress.org/Getting_Started_with_WordPress
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles

Goeie vraag; Antwoord wellicht wat verwarrend 😉

A. Als er in je css-bestand al een item is opgenomen dat je nu aanvult: gewoon in het bestaande item.
Voorbeeld:

bestaande code:

#mainmenu{ font-family: verdana,arial,universe;
           height:35px;}

aanvulling opnemen in de bestaande situatie:

#mainmenu{ font-family: verdana,arial,universe;
           height:35px;
           color:#ffffff;
           width:75px;}

In geval van twijfel:
Zet de nieuwe code ONDERAAN; De code die als laatste staat, is dominant en wordt uitgevoerd.

voorbeeld:

p{color:#ffffff; /*wit*/
   color:#cccccc; /*lichtgrijs*/
}

Resultaat: paragraaf tekst wordt lichtgrijs