Endre «Tilfeldig alternativ» bilde og tekst på bookingtjenesten

Administrasjon › Utseende

Veiledning

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å Lagre-knappen for å bekrefte endringene. Ditt valgte utseende vil nå bli oppdatert med den tilpassede CSS-en.

NB. Oppdatering av koden kan ta noen få timer pga. cache. Vi anbefaler å slette cookies i din nettleser.

CSS Kode

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;
}

Bilde URL betyr altså nettadressen til ditt bilde. Du må altså ha bildet ditt liggende på en server. Eventuelt kan du sende ditt bilde til oss, og vi kan sende deg en URL.