De elementor editor klassenbeheerder

Het stylen van elementen in de Elementor Editor is gebaseerd op het gebruik van klassen. Voor algemene informatie over het maken van klassen, zie Klassen in Elementor.  

Nadat je een klasse hebt gemaakt, wordt deze vermeld in de Klassebeheerder.

De Klassenbeheerder

De Klassebeheerder laat je klassen op verschillende manieren beheren:

• Klassen hernoemen
• Klassen verwijderen
• Klassen herordenen

Toegang tot de Klassebeheerder

Om klassen te bewerken moet je toegang krijgen tot de Klassebeheerder.

Om toegang te krijgen tot de Klassebeheerder:

1. Open de Elementor-editor.
2. Selecteer een element.
   
   De elementopties verschijnen in het paneel.
   
3. Klik op het tabblad Stijl.
   
4. Klik op het Klassebeheerder-pictogram.
   
   Note

   Je moet je pagina opslaan voordat je de Klassenbibliotheek opent.
   
   De Klassebeheerder opent.

Een klasse hernoemen

1. Open de Klassebeheerder.
2. Beweeg je muis over de naam van de klasse die je wilt hernoemen.
   
3. Klik op de drie puntjes naast de klassenaam.
   
4. Selecteer Hernoemen uit het dropdownmenu.
5. Typ in het tekstvak de nieuwe naam voor de klasse en druk op Enter.
   
   Note

   De naam zal veranderen in alle elementen die deze klasse hebben.
   
   
6. Klik op Wijzigingen opslaan.

Een klasse hernoemen vanuit de elementopties

Je kunt ook een klasse hernoemen vanuit het Stijl-tabblad van een element.

Om de klasse te hernoemen: 

1. Selecteer een element dat de klasse bevat die je wilt hernoemen.
   
2. Klik op het tabblad Stijl.
   
3. Zoek de klasse in het Klassen tekstvak.
   
4. Klik op de drie puntjes naast de klassenaam.
   
5. Selecteer Hernoemen uit het dropdownmenu.
6. Voer de nieuwe naam in het Klassen tekstvak in en druk op Return.

Een klasse verwijderen

1. Open de Klassebeheerder.
2. Beweeg je muis over de naam van de klasse die je wilt verwijderen.
   
3. Klik op de drie puntjes naast de klassenaam.
   
4. Selecteer Verwijderen uit het dropdownmenu.
   
5. Bevestig je beslissing door op Verwijderen te klikken in het verwijdervenster. het tekstvak, typ de nieuwe naam voor de klasse en druk op Enter.
   
   Warning

   Dit zal de stijl van alle elementen die deze klasse gebruiken veranderen.
   
   
6. Klik op Wijzigingen opslaan.

Klasseprioriteit herrangschikken

De volgorde waarin de klassen verschijnen in de Klassebeheerder bepaalt hun prioriteit. Klassen die hoger staan in de prioriteitslijst hebben voorrang op die verder naar beneden. Als je bijvoorbeeld een element hebt dat twee klassen bevat – Main_txt die de lettergrootte instelt op 16PX en Other_txt die de lettergrootte instelt op 12PX, als Main_txt boven Other_txt staat, is de lettergrootte 16 PX en andersom.  

Om de klasseprioriteit te herrangschikken: 

1. Open de Klassebeheerder.
2. Beweeg je muis over de klasse die je in de lijst wilt verplaatsen.
   
3. Klik en houd de handgreep links van de klassenaam vast.
4. Sleep de klasse om deze te herordenen.
   In het onderstaande voorbeeld heeft het Heading-element twee klassen – ElementBackground en ContainerBackground, elk met hun eigen achtergrondkleur. Door hun volgorde in de Klassebeheerder te wijzigen, verander je welke kleur prioriteit krijgt.