Du kan tilpasse designet til bookingmotoren og til å med fjerne deler av elementene i den. Du vil trenge grunnleggende kunnskap om CSS for å kunne bruke denne funksjonen.
- Gå til Innstillinger -> Bookingmotorer.
- Klikk på de tre prikkene ved siden av bookingmotoren du ønsker.
- Klikk på «Rediger» i rullegardinlisten.
Oversikt
For å gjøre det enklere for deg å tilpasse CSS-en har vi satt opp spesifikke klasser for strukturen og hierarkiet i markupen, hovedsakelig på generiske elementer som `div` eller `span` for å gi litt ekstra sammenheng. Vi bruker BEM (Block, Element, Modifier) navnkonvensjoner som en base.
Grunnleggende BEM-struktur
Name | Description | Example |
---|---|---|
.block { } | .block represents the higher level of an abstraction or component. | .page-results |
.block__element { } | .block__element represents a descendant of .block that helps form .block as a whole. | .page-results__card-items |
.block–modifier { } | .block–modifier represents a different state or version of .block. | .page-results__card-items–unit |
I de fleste tilfeller vil dette være tilstrekkelig for å legge til din egendefinerte CSS. Vi anbefaler ikke at du bruker ID-velgere eller klassevalg (for eksempel de som starter med js- eller sirvoy- ), da disse ikke er ment for designformål og kan endres.