Deze gids laat je zien hoe je aangepaste CSS-klassen kunt toevoegen aan zowel de verzendknop van een formulier als het omhullende element, met behulp van de instellingen die beschikbaar zijn in de beheerdersinterface.
CSS-klassen toewijzen aan de verzendknop en het omhullende element
Volg deze stappen om het uiterlijk van de verzendknop (submit) van je formulier aan te passen met CSS-klassen:
1. Ga naar de Algemene Instellingen
Zorg ervoor dat je in het bewerkscherm van het formulier bent en dat je in de eerste stap van de wizard zit, genaamd Generali.
2. Zoek de Sectie Verzenden Knop
Scroll door de sectie Generali totdat je het vakje vindt met de titel Pulsante di invio.
3. Ken Klassen toe aan de Knop (Input)
Om stijlen direct toe te passen op de knop zelf (het HTML-element <input> of <button>), gebruik je het veld:
- Classi Input
Voer in dit veld de CSS-klassen in die je op de knop wilt toepassen. Als je meerdere klassen wilt invoeren, scheid ze dan met een spatie (bijv. btn-custom large-font).
4. Ken Klassen toe aan het Omhulsel
Om stijlen toe te passen op de div die de knop bevat (handig voor het beheren van uitlijning of externe marge), gebruik je het veld:
- Classi Contenitore
Voer in dit veld de CSS-klassen in die je wilt toepassen op het omhullende element van de knop. Als je meerdere klassen wilt invoeren, scheid ze dan met een spatie.
5. Sla de Wijzigingen Op
Zodra je de gewenste klassen hebt ingevoerd, sla je het formulier op om de wijzigingen toe te passen.
