Verwendung: Wie kann ich die Trennlinie im Element "Trennlinie mit Icon/Überschrift" vergrößern?

mike's Avatar

mike

31 Dec, 2020 12:48 PM

Produkt: Tao Contao
Contao-Version: 4.9.9

Ich benutze das Element "Trennlinie mit Icon/Überschrift" darin befindet sich auch eine Überschrift mit Icon. Nun möchte die Trennline dicker darstellen. Muss das über das Template "rsce_tao_separator" passieren oder geht das auch per CSS?
mfg

  1. Support Staff 1 Posted by RockSolid Theme... on 31 Dec, 2020 01:07 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/tao/css/custom.css ein:

    .headline-hr:before,
    .headline-hr:after,
    .icon-hr hr {
        border-top-width: 10px;
    }
    

    Ersetzen Sie dabei 10px mit der gewünschten Dicke der Trennlinie.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac