Home → Contao →

Verwendung: RockSolid Slider responsiv machen

• Edit

Carsten

14 Jun, 2021 07:01 AM

Produkt: Oneo Contao
Contao-Version: Version 4.11.2
Browser und Browserversionen: Google Chrome (Version 91.0.4472.101)

Sehr geehrte Damen und Herren,

Bei der Verwendung ihres Rocksolid Sliders ist uns aufgefallen, dass die Inhalte bei einem Content Slider nicht responsiv sind. Wenn man den Bildschirm verkleinert ("Screenshot_2.png") verschwindet bei uns teilweise der Text über den unteren Rand und der Button. Am besten wär es, wenn der Inhalt schrumpfen würde. Des weiteren hätten wir gerne, dass das Hintergrundbild verkleinert wird statt ausgeschnitten. Ist so etwas möglich und wenn ja, wo kann man das einstellen?

Mit freundlichen Grüßen

• Screenshot_1.png 1.15 MB
• Screenshot_2.png 298 KB

1. Support Staff 1 Posted by RockSolid Theme... on 14 Jun, 2021 10:21 AM

   

   Vielen Dank für Ihre Frage.

   Wenn man den Bildschirm verkleinert ("Screenshot_2.png") verschwindet bei uns teilweise der Text über den unteren Rand und der Button.

   Ersetzen Sie dafür bitte in den Moduleinstellungen des Sliders die Höhe von 400 mit dem Wert css und fügen folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

   .main-slider {
       height: 400px;
   }
   @media (max-width: 900px) {
       .main-slider {
           height: auto;
       }
   }
   

   Dadurch passt sich der Slider bei schmaleren Bildschirmbreiten automatisch der Höhe des Inhalts an.

   Des weiteren hätten wir gerne, dass das Hintergrundbild verkleinert wird statt ausgeschnitten. Ist so etwas möglich und wenn ja, wo kann man das einstellen?

   In den Einstellungen der einzelnen Slides können Sie im Bereich „Hintergrund“ den gewünschten „Hintergrund-Skalierungsmodus“ einstellen.

   • Edit