Naar de hoofdinhoud

Hoe een bsport-widget aanpassen met custom CSS

Deze gids laat zien hoe je custom CSS kunt toevoegen aan onze widgets via het backoffice.

BrandedApp avatar
Geschreven door BrandedApp
Gisteren bijgewerkt

⚠️ Na het activeren van reCAPTCHA in de Lead Acquisition-widget kan het nodig zijn enkele CSS-aanpassingen te doen zodat alles correct wordt weergegeven.

De weergave van reCAPTCHA kan verschillen afhankelijk van:

  • De huidige nieuwsbriefwidget

  • Hoe de widget is geïntegreerd in het CMS van de klant

  • Bestaande styles in het CMS

👩🏻‍💻 Als je hulp nodig hebt bij het aanpassen of ontwerpen, neem contact op met je Account Manager.

1. Ga naar Instellingen > Widgets

Klik hier om naar de widgets-pagina te gaan

2. Selecteer het CSS-tabblad

Kies het tabblad met de classes van de widget die je wilt aanpassen. Je kunt in elk tabblad CSS-regels toevoegen; de tabbladen dienen vooral als richtlijn. Controleer altijd de preview van de widget.

⚠️ Voeg niet !important toe aan elke regel.
Waarom:

  • Automatische injectie: Het systeem voegt automatisch !important toe.

  • Potentiële conflicten: Als de klant ook !important toevoegt, kan dit dupliceren en styling breken.

3. Sla de wijzigingen op

Zorg ervoor dat je de wijzigingen opslaat zodra je je eigen CSS-regels hebt toegevoegd.

4. Klaar!

De bsport-widgets worden nu weergegeven met jouw custom CSS.

⚠️ Als de preview afwijkt van de live site, zet dan de Compatibiliteitsmodus aan.

Was dit een antwoord op uw vraag?