Ausgabe mit CSS ändern

Sofern du den Haken “Render HTML” gesetzt hast, werden die FAQ, neben dem JSON-LD Code, auch in unseren Standard-Design auf der Website ausgegeben. Du kannst in dem Dialog auch eine eigene CSS-Klasse vergeben und mit Deinen eigenen CSS-Regeln die Box so stylen, wie Du möchtest.

TIPP: Möchtest Du nur die Größe oder die Farbe des Textes/der Überschrift anpassen, dann nutze den “Inspektor” deines Browsers, kopiere die bestehenden CSS Regeln in eine eigene, neue Klasse in Deiner styles.css-Datei und passe die Werte an.

#Beispiel für die <h2> Überschrift

Folgende CSS-Regeln haben wir definiert:

.sc_card h2 {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0 0 1em;
    font-weight: 700;
} 

Kopiere nun die Regeln in deine CSS-Datei (idR style.css), ändere z.B. den Wert für ‚font-size‘ und speichere die Datei:

.your-new-class h2 {
    font-size: 2em;
    line-height: 1.2em;
    margin: 0 0 1em;
    font-weight: 700;
}

Folge dem Link, um alle CSS-Regeln für das Aussehen der Antwort-Box zu sehen, damit Du die Angaben kopieren und bearbeiten kannst: CSS-Datei ansehen

#FAQ

#✅ Wie kann ich das Aussehen der Box ändern?

Ja, standardmäßig gibt es eine Box mit Schatten, weil unsere styles.css standardmäßig geladen werden. Du möchtest nicht den Standardstil haben? OK, dann schreib etwas als CSS-Klassenname in das entsprechende Feld im Lightboxmodal und erstelle eigene CSS-Regeln.

– Beispiel –
Gib folgendes in das Feld „CSS-Klassen“ ein: no-rules
Oder suche in der vorhandenem Shortcode den Wert css_class=““ und ändere ihn in css_class=“no-rules“. So werden unsere Standard-CSS-Regeln nicht geladen und der Inhalt wird so formatiert, wie die gesamte Website formatiert ist.

Viel Spaß beim rumprobieren 🙂

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.