Hallo, in meinem Cloud Shop mit Malibu Theme haben die H1 Überschriften einen blauen Unterstrich. Auf der Home Seite habe ich über den Theme Editor ein HTML Widget eingefügt. Das ganze enthält Text mit H1 Überschrift vor blauem Hintergrund, so dass man den Strich (auch blau) nicht sieht. <h1 style="color:#ffffff;"> Das färbt die Schrift, aber nicht den Strich. <h1 style="text-decoration-color:#ffffff;"> Damit verändert sich die Strich-Farbe auch nicht. Wie spreche ich diesen einen Strich inline an um ihn z.B. auch weiß zu färben?
Danke, aber das ändert leider nichts. Würde es funktionieren, würde das nicht auch sämtliche H1-Unterstriche auf der Home Seite ändern? Ich habe jetzt erstmal eine Klasse eingerichtet. .1weiss { color:#ffffff; } <h1 class="1weiss"> Was genau müsste ich hinzufügen um den einen Strich anzusprechen und zu färben?
So, noch etwas rumprobiert. Dem html-Widget einen Klassennamen zugewiesen und: .klasse h1::after { background: #fff !important; } Damit geht es. Danke trotzdem, Devil, für einen Teil der Lösung.