Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Sirvoy
  • Kontakt
  • Anmelden
German
US English (US)
FR French
DE German
ES Spanish
NL Dutch
SE Swedish
FI Finnish
NO Norwegian
DA Danish
  • Startseite
  • Buchungsformulare
  • Design & CSS

Den Text im Buchungsformular mit CSS ändern

Written by johana

Updated at January 24th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Erste Schritte
    Einrichtungsanleitungen Buchungsimporte
  • Über Sirvoy
    Allgemein Technisches Sicherheit & Backups
  • Zimmer & Zimmertypen
    Zimmer & Zimmertypen Kategorien erstellen Extras & Zusatzoptionen
  • Buchungsformulare
    Website-Baukasten Installation auf deiner Webseite Anpassung des Buchungsmotors Design & CSS Eingabefelder Buchungsüberprüfungsfunktion Tracking
  • Channel Manager
    Neue Channels aktivieren Mapping der Zimmertypen Allgemein Aktualisierung der Raten & der Verfügbarkeit Doppelbuchungen
  • Finanzen
    Bezahllösungen Zahlungen verwalten Rechnungen Buchhaltung Steuern & Taxen
  • Buchungen
    Bearbeitete Buchungen Buchungsübersicht Automatisierte Nachrichten & Textvorlagen Kommunikation Reinigungsplan und -aufgaben erstellen
  • Preise und Beschränkungen
    Raten & Rabatte Beschränkungen Gutschein- & Coupon-Code
  • Mein Konto
    Benutzerdefinierte Einstellungen für deinen Account Zahlung Statistik Export & API
+ Mehr

Inhaltsverzeichnis

Beispiel: Wie kannst du den Titel der Schaltfläche „Search“ ändern

 

Du kannst in den Einstellungen gewisse Texte und Übersetzungen für das Buchungsformular ändern. In Fällen, in denen es diese Option nicht gibt, kannst du einige Elemente mit CSS anpassen.

Elemente mit der Klasse „sirvoy-flexible-text“ können auf der benutzerdefinierten CSS-Seite geändert werden. 

  1. Gehe zu Einstellungen -> Buchungsformulare. 
  2. Klicke auf die drei Punkte neben dem gewünschten Buchungsformular.
  3. Klicke in der Dropdown-Liste auf „Bearbeiten“.
  4. Wähle die Registerkarte „Benutzerdefinierte CSS“.

Alle Elemente der Klasse „sirvoy-flexible-text“ haben auch eine:

  1. Spezifische Klasse „sft-trans-key-SPECIFIC-KEY“.
  2. Sprachspezifische Klasse, um eine Textänderung für eine bestimmte Sprache genau zu bestimmen, zum Beispiel: „sft-lang-en“ (Englisch). (Jede Sprache wird durch einen aus zwei Buchstaben bestehenden Code repräsentiert; Englisch „-en“, Deutsch „-de“, Schwedisch „-sv“ usw.)

Beispiel: Wie kannst du den Titel der Schaltfläche „Search“ ändern

Das Markup für den Titel der Schaltfläche „Search“ lautet:

(Beachte die beiden Klassen „sft-lang-en“ und „sft-trans-key-booking-form-button-search“)

<span class="
   sirvoy-flexible-text 
   sft-lang-en 
   sft-trans-key-shared-button-search 
   sft-initialized" 
   data-translation-key="shared.button.search">
            
   <div class="sft-text">
      Search
   </div>

</span>

Um den Titel der Schaltfläche „Search“ für Englisch und Schwedisch zu ändern, gehe wie folgt vor:

.sft-lang-en.sft-trans-key-shared-button-search .sft-text, .sft-lang-sv.sft-trans-key-shared-button-search .sft-text { 
  display: none !important;
}

.sft-lang-en.sft-trans-key-shared-button-search::after { 
  content: "My button title";
}

.sft-lang-sv.sft-trans-key-shared-button-search::after { 
  content: "Min knapptitel";
}

 

Englische Version:

 

Schwedische Version:

Die oben genannten Grundsätze zum Ändern von Texten gelten für alle anderen Textänderungen, die du im Buchungsformular in Elementen der Klasse „sirvoy-flexible-text“ vornehmen möchtest.

Beachte: Benutzerdefinierte CSS wirken sich nur auf die eingebettete Version des Buchungsformulars und das WordPress-Plugin aus. Das Buchungsformular im Sirvoy Website Builder oder auf der eigenständigen Webseite bleiben unverändert.

 

 

css-stil textänderung

War der Artikel hilfreich?

Ja
Nein
Etwas Ungewöhnliches entdeckt? Lass es uns wissen.

Ähnliche Artikel

  • Online Zahlungen für Buchungen akzeptieren
  • Zahlungen mit PayPal akzeptieren
  • Stripe-Zahlungsmethoden

Brauchst du Hilfe mit Sirvoy?

Du bist hier genau richtig.

  • Sirvoy
  • Login
  • Kontakt

©2025 Sirvoy . All Rights reserved.

Knowledge Base Software by Helpjuice

Expand