CSS & HTML Snippets

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

Hier findest Du nützliche HTML und CSS Snippets um Deinen 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 E-Mailadresse aus

Stellvertreter Hinweis ausblenden - Blendet die Info und Option zur Stellvertreter E-Mailadresse 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. Bei der 56,34% müsst Ihr die Höhe Eures Bildes durch die Breite teilen und dann mal 100 rechnen, um den Prozentwert zu bekommen.

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