Verwendung: Trennlinie mit Icon und Überschrift

Michi's Avatar

Michi

26 Oct, 2018 08:48 AM

Produkt: Tao Contao
Contao-Version: 3.4.4
Browser und Browserversionen: IE und Firefox

Hallo zusammen
Mein Kunde möchte gerne, dass anstelle "normalem" Text beim "Trennlinie mit icon und Überschrift" Elementtyp sein Logo, also ein Bild, reinkommt.

Kann man da machen ? Ich habe es damit versucht, aber dann wird der Text gleich wieder gelöscht.
<p><img src="files/gioero/logo/Transparentes Logo blau 0 0 180.png" alt="" width="100"></p>

Vielen Dank und Grüsse
Michi

  1. Support Staff 1 Posted by RockSolid Theme... on 29 Oct, 2018 09:52 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    HTML wird im Überschrift-Feld von Contao standardmäßig nicht erlaubt.

    Sie können stattdessen ein Inhaltselement vom Typ „HTML“ erstellen und volgenden Code einfügen:

    <h2 class="headline-hr ce_rsce_tao_separator">
        <img src="pfad/zum/bild.png" alt="">
    </h2>
    
  2. 2 Posted by Michael Löffler on 01 Nov, 2018 12:04 AM

    Michael Löffler's Avatar

    Hallo zusammen

    Vielen Dank. Ich habe dies so versucht wie unten beschrieben, doch leider sind nun die Striche rechts und links nicht mehr in der Mitte, sondern unten und oben versetzt:

    <h1 class="headline-hr ce_rsce_tao_separator -centered">
    <p>GIOERO <br> Soccer Camp</p>
    </h1>

    Linke zur Seite: http://www.loeffler-web.ch/testumgebung/zegarelli-neu/index.php/camps-2019.html

    Wie bringe ich die Striche Links und Rechte wieder in die Mitte ?

    Vielen Dank und Grüsse
    Michi

  3. Support Staff 3 Posted by RockSolid Theme... on 01 Nov, 2018 03:44 PM

    RockSolid Themes's Avatar

    Fügen Sie dafür bitte zusätzlich folgenden CSS-Code in die custom.css-Datei ein:

    .headline-hr img {
        vertical-align: middle;
    }
    

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