Share on email
Share on whatsapp
Share on twitter
Share on linkedin

Custom CSS toevoegen met Elementor

Hoewel Elementor enorm veel design opties biedt, is het in sommige gevallen handig dat je toch de mogelijkheid hebt om custom CSS toe te voegen. Het toevoegen van custom CSS is een geavanceerde functie waarvoor je Elementor Pro nodig hebt. In dit artikel leg ik je uit op welke manieren je custom CSS kunt toevoegen met Elementor Pro.

Custom CSS voor de hele website

Wil je de custom CSS gebruiken voor je hele website? Je wilt bijvoorbeeld speciale opsommingstekens gebruiken en deze consistent doorvoeren op de hele website. Of je wilt bepaalde elementen uitschakelen. Je kunt de custom CSS code dan het beste toevoegen via je thema. De meeste thema’s bieden hiervoor een standaard optie. Bij OceanWP vind je deze optie als je de customizer opent.

Custom css elementor via thema

Custom css op een pagina

Als je custom CSS wilt gebruiken voor een enkele pagina, dan kun je dit doen via de pagina instellingen. Deze vind je als je linksonderin het Elementor panel klikt op het tandwiel.

Custom css elementor hele pagina

Custom CSS gebruiken voor een sectie

Als je custom CSS wilt gebruiken voor een enkele sectie, dan kun je via de sectie instellingen custom CSS toevoegen. De custom CSS optie vind je altijd onder het tabblad ‘Geavanceerd’ in het laatste tabje.

Custom css Elementor sectie

Custom CSS voor een widget

Wil je specifieke aanpassingen doen voor een bepaalde widget? Bij widgets heb je ook de mogelijkheid om custom CSS toe te voegen. Hier ga je ook naar het tabblad ‘Geavanceerd’.

Custom css elementor widget

Aangepaste CSS classes toevoegen

Aan iedere pagina, sectie, widget of kolom kun je aangepaste CSS classes toevoegen. Dit doe je ook via het tabblad ‘Geavanceerd’.

css classes elementor

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites voor mkb'ers en zzp'ers. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.
Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.