CSS gebruiken binnen WordPress kan op verschillende manieren. De meeste gebruikelijke manier was altijd om dit te doen via een Childtheme. Maar tegenwoordig vind je deze optie bijna altijd in de customizer of bij de theme options van het thema dat je gebruikt. WPBakery biedt ook meerdere mogelijkheden om CSS toe te passen voor content elementen, rijen, kolommen, pagina’s of de hele website. Ik neem hieronder alle opties even met je door.

Aangepaste CSS code voor de hele website

Om CSS code te gebruiken die van toepassing moet zijn op de hele website, ga je naar WPBakery Page Builder –> Aangepaste CSS.

Hoewel het fijn is dat WPBakery deze optie biedt, gebruik ik zelf liever de customizer omdat je dan direct het resultaat ziet van je aanpassingen.

Aangepaste CSS code voor een pagina

Wil je CSS code alleen toepassen op een bepaalde pagina? Dat kan ook! Klik rechtsboven in de hoek op het tandwieltje. Er verschijnt nu direct een scherm waarin je de CSS code kunt plaatsen.

  

 

Aangepaste CSS class toepassen voor content element

Heb je een nieuwe CSS class aangemaakt dat je wilt gebruiken voor een specifiek content element? Dan kun je deze eenvoudig toevoegen:

Aangepaste CSS class toepassen voor kolom of rij

Dit werkt in principe op dezelfde manier als het bewerken van een content element. In nieuwere versies van WPBakery vind je de optie voor ‘Extra class name’ vaak onder het tabblad ‘Extras’:

 

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *