Home → Contao →

Verwendung: Rocksolid Slider Bild Hauptseite

• Edit

Michi

07 Sep, 2024 11:14 PM

Produkt: Oneo Contao
Contao-Version: 4.13.45

Hallo
Mein Kunde möchte, dass das Bild auf der Hauptseite (Rocksolid Slider Main Slider) nicht den ganzen Bildschirm ausfüllt, sondern nur zB die Hälfte von der Höhe (quer sollte es über den ganzen Bildschirm gehen). Wie und wo kann ich die Höhe des Main Sliders einstellen, so dass es zB nur die Hälfte der jetzigen Höhe ausfüllt, die Navigation aber trotzdem noch darunter haftet und zusammen hochscrollt ?

1. Support Staff 1 Posted by RockSolid Theme... on 10 Sep, 2024 02:38 PM

   

   Vielen Dank für Ihre Frage.

   Die Größe des Sliders wird über den CSS-Code gesteuert. Um den Slider in halber Höhe des Browserfensters darzustellen können Sie folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

   .main-slider {
       min-height: 400px;
       height: 50vh;
   }
   

   Anstatt 400px können Sie dabei eine andere gewünschte Mindesthöhe festlegen.

   • Edit

2. 2 Posted by Michael Löffler on 12 Sep, 2024 09:29 PM

   

   Grüezi

   Vielen Dank für den Hinweis der Anpassung. Auf der PC Version sieht es nun
   so aus wie der Kunde es sich wünscht, hingegen ist es nun dafür auf der
   Mobile Version extrem viel grösser als zuvor. Mit welcher .css Anpassung
   kann ich die Mobile Version wieder anpassen ?

   Besten Dank und freundliche Grüsse
   Michael Löffler

   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 16 Sep, 2024 10:04 AM

   

   Für die mobile Version können Sie denselben Code mit einem Media-Query verwenden und die gewünschten Werte für die Höhe entsprechend anpassen, zum Beispiel wie folgt:

   @media screen and (max-width: 599px) {
       .main-slider {
           min-height: 250px;
           height: 25vh;
       }
   }
   

   • Edit