Verwendung: Page-Header auf volle Breite

Zille's Avatar

Zille

03 Apr, 2019 10:34 PM

Produkt: Luxe Contao
Contao-Version: 4.7

Moin,
ich möchte den Page-Header wie den Page-Footer auf gleiche Farbe und volle Breite bringen – und stehe dabei ein wenig auf dem Schlauch …
Im RockSolid Theme Assistant die maximale Breite entfernen lässt andere Formatierungen zusammenbrechen, ein Stylesheets mit width 100% greift nicht.
(Link führt zu einer nicht-produktiven Seite, hat vorerst noch keine Lizenz) freundliche Grüße und danke im Vorraus, D. Zille

  1. Support Staff 1 Posted by RockSolid Theme... on 04 Apr, 2019 07:56 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Eine Page-Header in voller Breite ist im Luxe-Theme nicht vorgesehen. Wenn Sie nur den Bereich der Hintergrundfarbe erweitern möchten, können Sie folgenden CSS-Code in die Datei files/luxe/css/custom.css einfügen:

    .page-wrapper {
        box-shadow: 0 132px #737373 inset;
    }
    

    Ansonsten wäre es notwendig das fe_page.html5-Template anzupassen und den <header class="page-header"> vor den Bereich von <div class="page"> zu verschieben.

  2. 2 Posted by Zille on 15 Apr, 2019 07:59 PM

    Zille's Avatar

    Den <header class="page-header"> vor den Bereich von <div class="page"> zu schieben war des Rätsels Lösung – besten Dank.

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