Seite 1 von 1

Full Width Slider

Verfasst: Mi 8. Feb 2023, 16:44
von markus538x
Hallo, gibs ne Möglichkeit (auch per Code) den Text im Full Width Slider vertikal zu zentrieren? Danke für die Hilfe :)

Re: Full Width Slider

Verfasst: Mi 8. Feb 2023, 16:46
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

Re: Full Width Slider

Verfasst: Mi 8. Feb 2023, 17:07
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

Re: Full Width Slider

Verfasst: Mi 8. Feb 2023, 17:23
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

Re: Full Width Slider

Verfasst: Mi 8. Feb 2023, 17:40
von markus538x
Wow Danke :eek: endlich mal ein Forum was einem wirklich schnell hilft DANKE :) :kiss:

Re: Full Width Slider

Verfasst: Mi 8. Feb 2023, 17:43
von Tommy Herrmann
... musst Du einfach etwas probieren.

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