Cassiopeia: Breite eines Moduls an Position "sidebar-right" ändern

    Hallo,


    auf einer Seite lege ich ein Modul rechts neben den Content. Nun ist der Platz in der Breite für dieses Modul etwas knapp.


    Gibt es einen Weg auf einfache Art und Weise die Breite zu ändern, ohne es im Template direkt (und damit für alle Seiten) zu ändern?


    Vielen Dank und Grüße


    Octo

    Vielleicht gibt es bessere Lösungen, weiss nicht, aber versuche mal diesen Code in deiner user.css einzufügen.


    Code
    .site-grid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 20.875rem) repeat(2, minmax(0, 17.875rem)) minmax(0, 22.875rem) [main-end] minmax(0, 1fr) [full-end];
}
    Zitat von Stef

    Vielleicht gibt es bessere Lösungen, weiss nicht, aber versuche mal diesen Code in deiner user.css einzufügen.


    Code
    .site-grid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 20.875rem) repeat(2, minmax(0, 17.875rem)) minmax(0, 22.875rem) [main-end] minmax(0, 1fr) [full-end];
}

    Funktioniert leider nicht und würde dann ja auch alle Seiten betreffen.


    Octo

    Zitat von Octo

    Ja, das ist mir bekannt.

    Nur: Wie soll die Klasse definiert sein, damit es die gewünschte Wirkung gibt?


    Octo

    So wie es Stef vorgeschlagen hat aber halt als Klasse in der user.css. Diese Klasse setzt du dann in dem Mdul ein, welches dann diese css Eigenschaften haben soll.


    Hier noch ein Video:

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Du möchtest nicht das Modul größer/kleiner machen, sondern den Platz, wo es drin liegt? Dann musst du das machen, was Viviane sagt!

    Die Breite rechts wird hierüber definiert:

    Code
    .site-grid > [class*=" container-"], .site-grid > [class^="container-"] {

...
width:100%;
...
}

    Die Breite kannst du entsprechend anpassen. Bedenke aber, dass es dann eventuell Probleme auf kleineren Bildschirmen geben kann. Wenn du eine Seitenklasse (stellst du im Menüverweis ein) vergeben hast, musst den natürlich noch in der CSS davor schreiben ;)


    Und schreibe es am besten in eine user.css - sonst sind deine Einstellungen beim nächsten Update wieder weg ;)


    Axel

    Zitat von drmenzelit

    Wenn du der kompletten Seite eine Klasse zuweist, kannst du das CSS auf dieser Seite einschänken

    Was problemlos funktioniert wenn man die user.css erweitert:


    Code
    .site-grid {
grid-template-columns: 
    [full-start] minmax(0, 1fr) 
    [main-start] 
        minmax(0, 0px) 
        repeat(2, minmax(0, auto))
        minmax(0, 500px) 
    [main-end] minmax(0, 1fr) 
    [full-end];
}

    Dann ist es allerdings für jede Seite (s.o).


    Was nicht funktioniert:

    Code
    .site-ssu {
grid-template-columns: 
    [full-start] minmax(0, 1fr) 
    [main-start] 
        minmax(0, 0px) 
        repeat(2, minmax(0, auto))
        minmax(0, 500px) 
    [main-end] minmax(0, 1fr) 
    [full-end];
}

    und beim passenden Menüeintrag unter "CSS-Klasse Seite" "site-ssu" eintragen.


    Es kommt zwar im Quellcode an:

    Code
    <body class="site com_content wrapper-static view-article no-layout no-task itemid-178 site-ssu  has-sidebar-right">

    hat aber keine Auswirkungen.


    Was mache ich falsch?


    Octo