ℹ️ Dit artikel wordt bijgewerkt naarmate we de komende maanden meer verbeteringen uitbrengen.
⚠️ Nadat reCAPTCHA is ingeschakeld in de Lead Acquisition-widget, kunnen enkele CSS-aanpassingen nodig zijn om ervoor te zorgen dat de styling er correct uitziet.
De reCAPTCHA kan er anders uitzien afhankelijk van:
De huidige nieuwsbriefwidget
De manier waarop de widget is geïntegreerd in het CMS van de klant
Bestaande stijlen die door het CMS worden toegepast
👩🏻💻 Heb je hulp nodig bij het aanpassen of ontwikkelen van je design? Neem dan contact op met je Account Manager.
1. Ga naar Instellingen > Widgets
Ga naar Instellingen > Widgets en open het tabblad Custom CSS.
2. Selecteer een widget en een element
Kies de widget die je wilt aanpassen en vervolgens het element. Het eerste element wordt automatisch geselecteerd, zodat de editor direct geopend wordt met de bijbehorende classes vooraf ingevuld en de preview meteen de variaties toont. Voeg je CSS-regels toe in de editor en bekijk de preview om te zien hoe ze eruitzien.
Het kan zijn dat bepaalde widgets niet in de lijst staan, of dat de classes die je verwacht niet worden getoond. Dit is normaal. De widget- en elementlijsten zijn bedoeld om het aanpassen eenvoudiger te maken, maar je bent niet beperkt tot het item dat exact bij je widget past.
Je kunt CSS-regels toevoegen onder elke widget of elk element. De CSS die je toevoegt, wordt toegepast op elke widget op je site, ongeacht waar je deze toevoegt.
⚠️ Voeg niet na elke CSS-regel !important toe
Waarom?
Automatische toevoeging:
!importantwordt automatisch toegevoegd aan elke CSS-regel die je schrijft.Mogelijk conflict: als je zelf ook
!importanttoevoegt, wordt de verklaring gedupliceerd. Dit kan de beoogde styling verstoren en tot onverwacht gedrag leiden.
3. Controleer je wijzigingen
Je wijzigingen worden automatisch opgeslagen. Om ze ongedaan te maken, selecteer je Element resetten om het geselecteerde element te herstellen, of Alles resetten om alle elementen te herstellen.
4. Klaar!
bsport-widgets worden nu automatisch weergegeven met jouw custom CSS.
⚠️ Als de widget er op je site anders uitziet dan in de preview, schakel dan Standaardstyling behouden in bij stap 1 · Website van het tabblad Configureren.
