Hoppa till innehåll

Så lägger du till anpassad CSS i widgeten

Genom att anpassa din TicketingHub-widget med CSS kan du få den att se ut som en del av din webbplats.

Så här gör du i några enkla steg:

Exempel på anpassade widgets

Nedan visas bilder på hur anpassad CSS kan förändra widgetens utseende. Observera hur anpassningen får widgetens design att harmoniera med webbplatsens visuella uttryck.

Exempel nr 1

Exempel på anpassning av widget 1

Exempel nr 2

Exempel på anpassning av widget 2

Lägg till anpassad CSS i widgeten

1. Skapa och ladda upp din CSS-fil

Skapa en CSS-fil med de stilar du vill använda för din widget. När filen är klar laddar du upp den till din server.

2. Klicka på Widgets i din TicketingHub-kontrollpanel

Klicka på Widgets i kontrollpanelen

3. Klicka på Channels

Klicka på Channels

4. Klicka på Web Integrations för den widget du vill redigera

Klicka på Web Integrations

5. Klicka på rundturswidgeten

Klicka på rundturswidgeten

6. Gå till Settings

Gå till Settings

7. Leta reda på fältet Custom CSS URL och klistra in URL:en till din CSS-fil

Klistra in CSS-URL

8. Förhandsgranska och justera

Förhandsgranska ändringarna

9. När du är klar klickar du på Publish Changes

Klicka på Publish Changes

10. Klicka på Confirm för att slutföra ändringarna

Klicka på Confirm