Verwendung: Centered wrapper class ändern im Mobile Format

Michael's Avatar

Michael

02 Nov, 2019 02:00 PM

Produkt: Oneo Contao
Contao-Version: 4.4

Hallo,

ist es möglich das Element "Zentrierter Bereich" mit css mediaquery so umzuschalten, dass dann beim centered-wrapper-inner anstatt --fullwidth-padded centered drin steht?

Mit freundlichen Grüßen

Mick

  1. Support Staff 1 Posted by RockSolid Theme... on 04 Nov, 2019 08:30 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Eine -centered CSS-Klasse gibt es für das Inner-Element nicht.
    Zudem lassen sich per Media-Query im CSS keine Klassen hinzufügen oder enfernen, allerdings können die Styles direkt abgeändert werden um denselben Effekt zu erreichen.

    Was genau möchten Sie an der Darstellung bei welchem Media-Query verändern?

  2. 2 Posted by Michael- Wiegär... on 04 Nov, 2019 09:48 AM

    Michael- Wiegärtner-'s Avatar
    Hallo,

    danke für die Antwort.

    Ich möchte, dass im Mobile Modus die Sections About und Upcoming Events zentriert ausgegeben werden.

    Vielen Dank!

    Mit freundlichen Grüßen


    Michael Wiegärtner

  3. Support Staff 3 Posted by RockSolid Theme... on 04 Nov, 2019 01:14 PM

    RockSolid Themes's Avatar

    Um den Text dieser Elemente im mobilen Viewport zentriert anzuzeigen, können Sie folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

    @media screen and (max-width: 599px) {
        .news-image-teaser,
        .feature-box-text {
            text-align: center;
        }
    }
    

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