Full Width Slider

Allgemeine Fragen
markus538x
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 6
Registriert: Mi 8. Feb 2023, 16:41

Full Width Slider

Ungelesener Beitrag von markus538x »

Hallo, gibs ne Möglichkeit (auch per Code) den Text im Full Width Slider vertikal zu zentrieren? Danke für die Hilfe :)
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5867
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Full Width Slider

Ungelesener Beitrag von Tommy Herrmann »

Hallo Markus,

und willkommen bei uns im Forum :hallo:

Bitte mal ein Beispiel als URL oder Screenshot mit Nennung vom Mobirise-Thema und Block. Den Text sollte man immer zentrieren können.

Beispiel auf einer meiner Testseiten an einem normalen Textblock, der auch vertikal zentriert ist:

Code: Alles auswählen

<div class="d-flex flex-column min-vh-100 justify-content-center align-items-center">
   <p>Inhalt vom Container der vertikal zentriert sein soll</p>
</div>
https://www.mobirise-tutorials.com/Test ... #zentriert
markus538x
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 6
Registriert: Mi 8. Feb 2023, 16:41

Re: Full Width Slider

Ungelesener Beitrag von markus538x »

Danke für die schnelle Antwort. Ja bin ganz neu hier und auch ganz neu in Mobirise. Mobirise-Thema habe ich keines habe leer angefangen. Habe mal ein Bild angefügt. Im Code kann ich aber Veränderungen vornehmen. :D
Center.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5867
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Full Width Slider

Ungelesener Beitrag von Tommy Herrmann »

Du kannst um das "Caption" (Beschriftung) genau meinen Code zum Zentrieren legen, im Screenshot ist das <div> markiert.


CSS-Editor.jpg


Im Moment steht die Höhe von der Beschriftung im "CSS Editor" vom Block (Zeile 33) mit 40px Abstand von unten.

Code: Alles auswählen

.carousel-caption {
  bottom: 40px;
}
Das müsste man dann auch - wahrscheinlich auf 0px - ändern - oder gleich dort eine feste Höhe angeben und auf das <div> zum Zentrieren verzichten.


Beschriftung vertikal zentriert.jpg

Beschriftung vertikal zentriert beide Zeilen.jpg
markus538x
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 6
Registriert: Mi 8. Feb 2023, 16:41

Re: Full Width Slider

Ungelesener Beitrag von markus538x »

Wow Danke :eek: endlich mal ein Forum was einem wirklich schnell hilft DANKE :) :kiss:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5867
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Full Width Slider

Ungelesener Beitrag von Tommy Herrmann »

... musst Du einfach etwas probieren.

Ich bin jetzt aber erst einmal in der Küche und muss kochen :koch:
Antworten

Wer ist online?

Mitglieder in diesem Forum: Bing [Bot] und 157 Gäste