Thanks, Armin. I found that the best approach to make it work was:

Set the vertical alignment of the text slides to "Top." Select "Fixed Height" for the carousel. Set the height to 60vh. Align the carousel to the bottom of the row in the grid layout.

@thechaosroad yeah i understand, maybe this feature will happen someday.

Awesome! Thanks a lot. Works perfect.

Hii!

No worries. I congratulate you to taking your time!

Thank you for having another look at it. For now it's fine if it can read text. Maybe this is a good idea for future improvements! :)

Ganz liebe Grüsse
Sirkka

Does anyone know how to change fonts in Amir's accordion CSS code?

for me this is way easier: insert the following line into the custom CSS field:

@import url('/wp-content/themes/mylay/additionalstyles.css');

Then you can save a css file named additionalstyles.css in the themes-folder /mylay/…, and this file you can open with for example Transmit (FTP-Client) & Sublime text (Editor), save, and in 2 seconds its done. then clean the browser cache and reload your website.

@arminunruh
alright, thanks for your help. Hopefully you do it

That didn't work for me, but here is my solution, if you have single slides:

.lay-carousel-slide.is-selected { margin-left: 3%; left: -3%; } .lay-carousel-slide.swiper-slide-prev { left: -3%; }

The numbers you can change to your liking, but they should all be the same.

ahh yeah sorry I just tried myself and it didn't work, I thought that would work for a whole row. If you add the code to the grid id (#grid) it rounds the bottom of the website but not the top, hmm you might want to ask @arminunruh for help.

Thanks, Armin, for the fix! It works perfectly!