Verwendung: ".news-list-boxed-item h3" über Bild legen in der Newsliste.

mike's Avatar

mike

05 Jan, 2021 12:57 AM

Produkt: Tao Contao

Hallo, bin dabei mir ein Portfolio über die Nachrichten zu realisieren.
Nachrichtenliste mit Modul "News List Boxed".
Wie kann ich in der Nachrichtenliste per CSS die h3 Überschrift (News-Titel) über das News-Vorschaubild legen?
Vielen Dank im voraus!

  1. Support Staff 1 Posted by RockSolid Theme... on 05 Jan, 2021 09:16 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Der CSS-Code damit die Überschrift das Vorschaubild überlagert kann z. B. folgendermaßen aussehen:

    .news-list-boxed-item {
        position: relative;
    }
    .news-list-boxed-item h3 {
        position: absolute;
        top: 0.9375rem;
        left: 0.9375rem;
        right: 0.9375rem;
        margin: 0;
    }
    

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