Fehler: Feature Box linker und rechter Rand zum Text = 0 bei Darstellung auf PC

Karl-Ludwig Grosch's Avatar

Karl-Ludwig Grosch

09 Apr, 2018 12:38 PM

Produkt: Tao Contao
Contao-Version: 4.4.14
Browser und Browserversionen: edge, Chrome neueste

Der in einer Feature Box gesetzte Text wird auf dem PC ohne Abstand zum linken / rechten Rand direkt auf die Kante der Hintergrundfarbe gesetzt. Das sieht unschön aus. Auf dem iPhone wird es hingegen richtig, als MIT Rand, angezeigt.

  1. Support Staff 1 Posted by RockSolid Theme... on 10 Apr, 2018 05:21 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bei dem Element auf Ihrer Seite handelt es sich nicht um eine Feature-Box sondern um das Element „Zentrierter Bereich“. Dieses Element ist dafür ausgelegt im Full-Width-Layout eingesetzt zu werden.

    Um einen Abstand einzufügen, können Sie dem jeweiligen „Zentrierter Bereich Anfang“-Element die CSS-Klasse centered-wrapper-padding Zuweisen und folgenden CSS-Code in die Datei files/tao/css/custom.css einfügen:

    .centered-wrapper-padding {
        padding-right: 4%;
        padding-left: 4%;
    }
    

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • Problem_mit_Rand_bei_Feature_Box.jpg 251 KB

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