Tilføj dit CSS

Du kan tilføje dit eget CSS helt uden at installere plugins. Det kan være en fordel at redigere din CSS i fx VSC, og copypaste koden til WP.

Du kan give mange blokke en id (“HTML anker”) eller CSS klasser efter behov. Under stilarter kan du tilføje ekstra CSS.

Muligheden er godt gemt under de tre prikker øverst i Stilarter.

Tilføj klasser eller id til blokke

Marker blokken i dokumentpanelet eller i editoren. Under indstillinger vælg “Avanceret”. Så kan du tilføje et HTML-anker (dvs. en CSS id) eller “Ekstra CSS klasser”. Nu kan du bruge dit CSS.

Øvelse: Tilføj CSS

1. Åbn for “Tilføj CSS” og skriv en klasse, der fremhæver en tekst med en gul baggrund, lidt som en markerpen.
2. Gem CSS’en.
3. Skriv den tekst som skal fremhæves med en passende blok, fx afsnit, vers, overskrift eller lignende.
4. Tilføj din klasse til blokken under “Avanceret”.

Eksempel

Køb blomster, køb blomster, en rose så rød
fra morgen til aften er vissen og død.
Køb blomster, køb blomster, en rose så rød,
fra morgen til aften er vissen og død.