Endre «Tilfeldig alternativ» bilde og tekst på bookingtjenesten

Administrasjon › Look

Guidance

Hvordan endre Tilfeldig alternativ bildet på bookingtjenesten og teksten under. Bildet viser normal kun et grått bilde/illustrasjon av en person.

Gå til Utseende → Bookingside.

Naviger gjennom de forskjellige tilgjengelige utseender. Finn det utseendet som står som Valgt.

Klikk direkte på bildet eller forhåndsvisningen av ditt valgte utseende for å åpne redigeringsmodus.

Scroll nedover til du finner en seksjon merket Tilpasset CSS.

I feltet under Tilpasset CSS, lim inn CSS-koden du finner nedenfor.

Etter å ha lagt inn koden, klikk på Save-knappen for å bekrefte endringene. Ditt valgte utseende vil nå bli oppdatert med den tilpassede CSS-en.

NB. Updating the code may take a few hours due to cache. We recommend deleting cookies in your browser.

CSS Code

JSON

/* Endre bildet */
.booknetic_card_staff_image[src="https://bookingtjeneste.no/wp-content/plugins/booknetic/app/Frontend/assets/icons/any_staff.svg"] {
    content: url('DIN-BILDE-URL-HER');
}

/* Endre CSS for "Velg et ledig alternativ" */
.booknetic_card:first-of-type .booknetic_card_description::before {
    content: ';
    visibility: visible;
    display: block;
    margin-top: 0px; /* Juster denne verdien for å finjustere plasseringen */
    margin-bottom: -20px; /* Juster denne verdien for å finjustere plasseringen */
}

.booknetic_card:first-of-type .booknetic_card_description {
    visibility: hidden;
}

/* Endre teksten for "Tilfeldig alternativ" */
.booknetic_card:first-of-type .booknetic_card_title_first::before {
    content: 'DIN NYE TEKST HER';
    visibility: visible;
    display: block;
    margin-bottom: -18px; /* Juster denne verdien for å finjustere plasseringen */
}

.booknetic_card:first-of-type .booknetic_card_title_first {
    visibility: hidden;
}

Image URL means the web address of your image. You must have your image on a server. Alternatively, you can send your image to us, and we can send you a URL.