Text in front of Carousel
-
@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! :) -
Dear @Mariannep
Just checking in - Website looks beautiful :)
-
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
-
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 -
nice!
yea i should probably add a feature to the carousel where you can have text on top of slides for each slide individually
-
-
thanks @PatFontebasso - only I can't see the option -> Bring to Front
-
that setting only shows up if you either activate horizontal grid in the gridder
or choose "place freely" in the contextmenu:O
-
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?
-
yea thats correct theres no text on carousel images for example
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it