WordPress & Elementor kennisbank

Aangepaste CSS gebruiken met WPBakery

NOTE: Wij werken niet langer met WPBakery, maar zijn overgestapt naar de Page Builder Elementor Pro.

Inhoud van dit artikel:

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:

  • Klik op het potlood icoon om het content element te bewerken

  • Scroll naar beneden totdat je het het blok ‘Extra class name’ ziet en vul hier de CSS class in.

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’:

 

NOTE: Wij werken niet langer met WPBakery, maar zijn overgestapt naar de Page Builder Elementor Pro.

Meer handige tips ontvangen?

Mis geen updates

Blijf op de hoogte van de laatste
Elementor Trends & Ontwikkelingen!

No worries, je ontvangt max. 2 keer per maand een mailing.