tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/66853-verwendung-rocksolid-slider-responsiv-machenRockSolid Themes: Discussion 2021-06-14T10:21:09Ztag:help.rocksolidthemes.com,2012-07-23:Comment/492450562021-06-14T10:21:08Z2021-06-14T10:21:08ZVerwendung: RockSolid Slider responsiv machen<div><p>Vielen Dank für Ihre Frage.</p>
<blockquote>
<p>Wenn man den Bildschirm verkleinert ("Screenshot_2.png") verschwindet bei uns teilweise der Text über den unteren Rand und der Button.</p>
</blockquote>
<p>Ersetzen Sie dafür bitte in den Moduleinstellungen des Sliders die Höhe von <code>400</code> mit dem Wert <code>css</code> und fügen folgenden CSS-Code in die Datei <em>files/oneo/css/custom.css</em> ein:</p>
<pre>
<code>.main-slider {
height: 400px;
}
@media (max-width: 900px) {
.main-slider {
height: auto;
}
}</code>
</pre>
<p>Dadurch passt sich der Slider bei schmaleren Bildschirmbreiten automatisch der Höhe des Inhalts an.</p>
<blockquote>
<p>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?</p>
</blockquote>
<p>In den Einstellungen der einzelnen Slides können Sie im Bereich „Hintergrund“ den gewünschten „Hintergrund-Skalierungsmodus“ einstellen.</p></div>RockSolid Themes