Text in front of Carousel

[jacobpihlanen]

I have a question regarding this subject. I managed somehow to do exactly this, to put a text block on top of a fullscreen carousel, without any css. I tried to do it again on another project, but couldn´t manage to repeat the process.

I just drag and dropped text block and resized it a bit, and it seems to work fine.

Will this be a problem for me in the future? Or can I live like this? :)
I can just duplicate the project to have the same solution all around.

[Richard]

Dear @jacobpihlanen

interesting!
Could you post a screenshot of your gridder with the working version? :)

Best wishes and Seasons greetings
Richard

[Mariannep]

@Richard-K Hello Richard,
So sorry for replying so late! I missed your message before going on vacation.
I did remove the text to be able to show a "cleaner" preview to my client, but I am still trying to find a way to make it work.
I added the text back - and the white row underneath is back too:
http://gautyqi.cluster030.hosting.ovh.net/

I found a way to get rid of the little piece of html for the white version of the logo that was still underneath the main row.

Thanks again, best,
Marianne

[Mariannep]

@Richard-K Hi Richard, it's me again!

I found a solution by browsing the forum.
I added a class "hide-row" to the row where I put my text, and in the CSS I wrote :

.hide-row {
 height: 0px;
}

It works pretty well, however it would be even better if there was a way to make sure the text is always centered in the browser height - right now it's not the case because it's positioned with the offset measures.
If anyone has found a solution, it would be great to read about it! :)

[Richard]

Dear @Mariannep

Just checking in - Website looks beautiful :)

[jeff]

Hi everyone,

I've read all the thread and tried everything css line and unfortunately it's not working for me haha.

You can see on the website that I'm working on, there is a title "Geoffrey Pauchard" (class : name) which is fixed and the carousel below (class : carousel).
When I'm scrolling down, the title is going behind the carousel element. I would like to have the title in front of the carousel. I've tried the z-index but it's not working.

There is my css code for it :

.name {position: fixed}
.name {z-index: 99}

.carousel {z-index: 1}

website link: http://latelierjungle.com/geoffrey-pauchard

Let me know if there is a way to make it work.
Thank you in advance.

Jeff

[quirin]

if you want a fullscreen carousel with text on top, it works right out of the box:

• make a new row
• use browser height for row height
• create a text in the row
• create a carousel in the same row, check fixed height: 100vh and activate fill slides
• use the align options and offset values to place the text where you want it

hope this helps!
Q

[arminunruh]

nice!

yea i should probably add a feature to the carousel where you can have text on top of slides for each slide individually

[danny]

hey there;

is it possible to to have the text on top without

use browser height for row height ?

I tried, then the text is behind the image.

thanks!
D

[PatFontebasso]

@danny Try to right click on the Text in Gridder -> Bring to Front

[danny]

thanks @PatFontebasso - only I can't see the option -> Bring to Front

[arminunruh]

that setting only shows up if you either activate horizontal grid in the gridder
or choose "place freely" in the contextmenu

:O

[arminunruh]

but i think texts should overlap images by default :|

Enter the custom css in "lay options" -> "custom css & html":

.col.type-text{
z-index: 90;
}

does that work?

[danny]

jes, that works, great!

[dc]

Hello, i see its still not possible to put text on carousell? Right? Without doing stuff? Any help how to do it so easy as possible?

[arminunruh]

yea thats correct theres no text on carousel images for example