text in front of carousel

[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

[Richard]

Dear @jeff

The z-index of the 2nd row with the image also is: '99'

You must lower this rows z-index if you wish the First row with your 'Title' to be on top.

Hope this helps and best wishes :)

Richard

[jeff]

Hi Richard, Thank you for your reply,

Unfortunately it doesn't work. The carousel is still on the title.
I've inspected the carousel block and it seems that when I remove all position div's in the main div which the class is called " row no-row -hoverimage row-2".

See attached the the picture.

There is a way to change the code of the carousel ?

[Richard]

Dear @jeff

Your first-row that contains your Title should just need a z-index more that '1' :

.first-row.row-0 {
    z-index:10 !important;
}

Here on my browser:

I Hope this helps you Jeff
Have a wonderful day, Thank you for using Lay Theme & talk soon

Sincerely
Richard

[jeff]

@Richard said in text in front of carousel:

.first-row.row-0 {
z-index:10 !important;
}

It works !!! Thanks a lot Richard !
Have a lovely easter week end :)

Regards,

Jeff

[Richard]

Dear @jeff

Great! :)
Hope your Easter break was nice also,

Best wishes
Richard