Verwendung: Verhältnis von Sidebar zu Hauptspalte

Zille's Avatar

Zille

03 Dec, 2017 02:17 PM

Produkt: Luxe Contao
Contao-Version: 3.5.31

Moin,
ich möchte im Seitenlayout (Content) das Größenverhältnis von Sidebar zu Hauptspalte verändern. Wo muss ich ansetzen?
Danke.

  1. Support Staff 1 Posted by RockSolid Theme... on 04 Dec, 2017 10:42 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/luxe/css/custom.css ein:

    .main-content {
        width: 60%;
    }
    .sidebar {
        width: 20%;
    }
    @media screen and (max-width: 900px) {
        .main-content {
            width: auto;
        }
        .sidebar {
            width: auto;
        }
    }
    

    Die Breiten 60% und 20% können Sie dabei Ihren Wünschen entsprechend anpassen.

  2. 2 Posted by Zille on 04 Dec, 2017 09:43 PM

    Zille's Avatar

    Besten Dank. Habe dazu passend auch die Bildgrößen Content Large und Small nachjustiert und bin zufrieden.

  3. 3 Posted by Zille on 30 Mar, 2018 09:58 PM

    Zille's Avatar

    Im Prinzip ist das mit dem Anpassen des Verhältnis von sidebar zu main-containt klar – an der einen Seite x Prozent wegnehmen, an der anderen Seite die selbe Prozentzahl zugeben.
    Aber mich irritiert, das rechts neben dem Content immer noch Platz bleibt …
    Oder anders ausgedrückt: ich möchte bei einer Verteilung von sidebar 20%:content 60%, das sidebar ganz links steht, content aber auch bis ganz rechts geht.
    Dann würde immer noch heftig viel Platz zwischen sidebar und main-containt bleiben – wie kann ich den vermindern?
    Danke und schöne Ostergrüße aus Dresden

  4. Support Staff 4 Posted by RockSolid Theme... on 03 Apr, 2018 07:08 AM

    RockSolid Themes's Avatar

    Den Abstand des Content-Bereichs nach rechts können Sie mit folgendem CSS-Code verringern:

    .main-content {
        margin-right: 4%;
    }
    @media screen and (max-width: 900px) {
        .main-content {
            margin-right: 6.66667%;
        }
    }
    

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