CSS & HTML Snippets

Nützlicher CSS und HTML-Code zum Anpassen Deiner Eventseite

Hier findest Du nützliche HTML- und CSS-Snippets um Deine guestoo Eventseite noch weiter zu individualisieren.
Kopiere die Snippets einfach unter dem Reiter "Design" in die Felder CSS oder HTML (Microsite oder Anmeldeformular).

Die Möglichkeit eigenen CSS- oder HTML-Code einzubinden hängt von Deinem Tarif ab.

Sprachwechsler ausblenden

Blendet den Sprachwechsler am Ende der Seite oder des Anmeldeformulars aus

Kopiere den untenstehenden Code in den Reiter Design > Abschnitt: CSS-Microsite UND CSS-Anmeldeformular

  • .langSwitcher {display: none !important;}

Stellvertreter Hinweis ausblenden

Blendet die Info und Option zur Stellvertreter Email-Adresse aus

Stellvertreter Hinweis ausblenden - Blendet die Info und Option zur Stellvertreter Email-Adresse aus

Kopiere den untenstehenden Code in den Reiter Design > Abschnitt: CSS-Microsite und CSS-Anmeldeformular

  • .deputy_mail {display: none !important;}

Hintergrundbild manipulieren

Dieser Code zeigt das Hintergrundbild immer komplett an. Anstatt dem Wert 56,34% müsst Ihr die Höhe Eures Bildes durch die Breite teilen und dann mal 100 rechnen, um den Prozentwert zu erhalten.

Das eigentliche Eventbild wird ausgeblendet.

/* Headerbild */

@media (min-width: 651px) {
.eyecatcher-content {
display: none;
}
.eyecatcher:before {
display: none;
}
.eyecatcher {
padding: 0px !important;
min-height: auto !important;
height: auto !important;
padding-bottom: 56.34% !important;
}
.keyvisual {
display: none;
}
#content .mainInfos {
width: 100%;
}
}
@media (max-width: 650px) {
.bg-image-mobile {
background-image: none !important;
background-color: #f9f9f9;
}
.bgImagePublic #content {
margin-top: 10px !important;
}
}

"Anmeldung möglich bis" ausblenden

Um den Hinweis, bis wann die Anmeldung zum Event möglich ist, auszublenden, füge folgenden Code-Schnipsel unter "Event-Microsite & Anmelde-Formular: CSS-Überschreiben" ein: 

  • #content .info-field .miniHint {display: none;}

Anführungszeichen vor dem Introtext und dem Infotext ausblenden (Template: Tile)

Um den Hinweis, bis wann die Anmeldung zum Event möglich ist, auszublenden, füge folgenden Code-Schnipsel unter "Event-Microsite & Anmelde-Formular: CSS-Überschreiben" ein: 

  • .introtext-icon, .event-description-icon {display: none !important;}

Land bei Adressfeldern ausblenden

Um das Land bei Adressfeldern auszublenden, füge folgenden Code-Schnipsel unter "Event-Microsite & Anmelde-Formular: CSS-Überschreiben" ein: 

  • .countryField {display: none !important;}

-- Keine Auswahl -- Bei Timeslots ausblenden

Um das Reset-Feld "Keine Auswahl" bei Timeslots auszublenden, füge folgenden Code-Schnipsel unter "Event-Microsite & Anmelde-Formular: CSS-Überschreiben" ein: 

  • .ts-noSelection {display: none !important;}