Individuelles Design – Logo einfügen
Navigation: Menü → Onlinebuchung → Tab Design&Vorschau → Buchungswidget → CSS bearbeiten
Schritt 1:
Kopieren Sie den gewünschten Code unten und fügen sie Ihn hier ein:
Menü → Onlinebuchung → Tab Design&Vorschau → Buchungswidget → CSS bearbeiten
Kopieren Sie den gewünschten Code unten und fügen sie Ihn hier ein:
Menü → Onlinebuchung → Tab Design&Vorschau → Buchungswidget → CSS bearbeiten
Schritt 2:
Löschen Sie die rote Beispiel-URL und fügen Sie Ihre URL zum Logo ein. (ACHTUNG: Löschen Sie nicht die Hochkomma)
Falls Ihr Logo zu groß oder zu klein dargestellt werden sollte, passen Sie den Zahlenwert in rot an.
Schritt 3 (optional):
Passen Sie die Titelfarbe an Ihr Logo an:
Menü → Onlinebuchung → Tab Design&Vorschau → Buchungswidget → Titelfarbe
Logo in der Mitte in der Titelleiste:
#BookingFrame[step="1"] #BookingHeader .caption{
visibility: hidden;
}
#BookingFrame[step="1"] #innerheader {
background-image: url('https://www.ihre-webseite.com/ihr-logo.png');
background-position: center center;
background-repeat: no-repeat;
background-size: 110px;
}
Logo Links in der Titelleiste:
#BookingFrame[step="1"] #BookingHeader .caption{
visibility: hidden;
}
#BookingFrame[step="1"] #innerheader {
background-image: url('https://www.ihre-webseite.com/ihr-logo.png');
background-position: center left 20px;
background-repeat: no-repeat;
background-size: 110px;
}
Klingt kompliziert? Wir helfen gerne!
Termin vereinbaren
Wir zeigen Ihnen live was cituro alles kann.
Schreiben Sie uns eine E-Mail
support@cituro.com
Live Chat
Stellen Sie uns Ihre Fragen im Live-Chat.
Telefon
Wir sind für Sie da
+49 821 999 739 40