Überschriften in Tabs

mayer

Hallo,

ich habe da wieder ein Problemchen. Ich benutze die ZP Version 13. Irgendwie scheint das Widget Tabs nicht einwandfrei zu funktionieren. Wenn ich das Widget einfüge und Überschriften formatiere klappt das auch alles mit den Überschriftsgrößen welche ich im Layout eingegeben habe. Was nicht funktioniert ist, die hinterlegte Farbe für die Überschriften. Da es eine sehr umfangreiche Seite ist ist es unmöglich die Textfarbe manuell bei alle Überschriften nachzu justieren.

Wäre klasse mir könnte jemand helfen wie ich das Problem in den Griff bekomme.

Beste Grüße mayer

Steffen T.

Hallo,

welches Layout verwenden Sie? Können wir so eine Seite mit dem Tab-Widget mal online sehen? Adresse?

mayer

Hallo,

Layout strip responsive, nein Seite ist noch nicht online.

Steffen T.

Und wie fügen Sie die Überschriften in das Tab-Widget ein? In das Textfeld? Und formatieren Sie die Überschrift dann im Textfeld oder nur über den Layout-Designer?

mayer

Im Layout Design habe ich die Überschriften Formatiert. Im Tab-Widget stelle ich nun Text ein und formatiere die Überschriften mit dem Button Überschriften. Nun werden die Überschriften in der richtigen Größe dargestellt welche ich im Layout-Design formatiert habe aber die Textfarbe wird grau dargestellt. Gehe ich dann auf html. zeigt es mir die formatierung mit <h2> ....</2> richtig an. Beim Test mit einem Text Widget funktioniert das alles reibungslos mit der Textfarbe auch die html Formatierung sieht genau gleich aus.

Steffen T.

Ok, nun konnte ich das reproduzieren. Ursache ist, dass hier Überschriften die angegebene Farne im Tab-Widget verwenden.

Mit etwas eigenem CSS ist das aber leicht zu ändern. https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Einfach folgenden Code einfügen und die Farbwerte (#0a92eb) für die Überschriften durch die entsprechenden Angaben im Layout-Designer ersetzen.

CSS

<style>
.zpTABs h1 {
    color: #0a92eb !important;
}
.zpTABs h2 {
    color: #0a92eb !important;
}
.zpTABs h3 {
    color: #0a92eb !important;
}
</style>

Alles anzeigen

mayer

Klasse hat geklappt vielen Dank für die schnelle Hilfe:-)

Überschriften in Tabs

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?