Rand Slider entfernen // Thema HouseM5

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von inno »

Hallo,
ich habe im Theme House M5 einen Slider eingebaut und obwohl ich auf Full-Screen bin habe ich links und rechts noch weissen Rand. Wie bekomme ich den weg. Danke für die Hilfe.
Dateianhänge
screen.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von Tommy Herrmann »

Moin,

dder weiße Rand ist meist ein Padding (Innenabstand), wolltest Du die gesamte Breite müsste man die Bootstrap

class="container-fluid"

https://getbootstrap.com/docs/5.0/layout/containers/

... einsetzen. Ob das jetzt bei diesem Slider funktioniert, müsste ich auch erst testen. Manche Slider haben eigene JavaScripts, die solche Änderungen schwierig gestalten.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von inno »

... wo baue ich das ein?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von Tommy Herrmann »

Diese Class steht schon dran - ist aber von den Mobirise-Helden auf einen Innenabstand (padding) von 32px links und rechts umgesetzt worden.

Schreibe unten in den Bereich "CSS Editor" (im Screenshot markiert) vom "Code Editor" diese Class wieder so zurück:

Code: Alles auswählen

.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
... dann sollte es funzen.


CSS Editor.jpg

Slider-Ansicht.jpg
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von inno »

... Danke dir! Funktioniert!
Nur bei der Tablet-Ansicht hat man noch einen Rand! Hast du hier noch eine Lösung?
Gruß
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von Tommy Herrmann »

... muss ich erst suchen - Moment
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von Tommy Herrmann »

Mein Gott - da wollte uns ein Entwickler von Mobirise ärgern oder er war besoffen :angst: :aufsmaul:

Schreibe das noch unter den anderen Eintrag im "CSS Editor":

Code: Alles auswählen

.col-md-11 {
  flex: 0 0 auto;
  width: 100%;
}

COL-MD-11.jpg
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Rand Slider entfernen // Thema HouseM5

Ungelesener Beitrag von inno »

EINWANDFREI! ;-)

Vielen Dank für die schnelle Hilfe!!
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 22 Gäste