Layer

itsmeclausi · July 2017

Hello.

I added a orange layer, but it covers the text (made with slider revolution).

How can I get the text to the front?

Thanks

Bryan · July 2017

Hi,

You can move the layers in the revolution slider up and down. This sets the hierarchy of the layers.

Just below the preview window.

itsmeclausi · July 2017

Its not something in slider revolution. It has something to do with the muffin builder.

I set the background with the following CSS

.orangeslider {

background-color: #f28d2c;

opacity: 0.7;

}

and then added the css class orangeslider to the wrap box.

But it overlays the text. how can i change that?

Thanks

Bryan · July 2017

You are using this css not correctly, opcaity will change the opacity of all items in the container, you need to use background:rgba(0,0,0,.5);
See more here: https://www.w3schools.com/css/css3_colors.asp

itsmeclausi · July 2017

Thanks. But its still not working

now i used

{

background:rgba(242,141,44,0.7);

}

Bryan · July 2017

Please send a link to this page and point to where exactly are you using this css.

itsmeclausi · July 2017

http://s681367932.online.de/

On the homepage. see here where i used css

https://drive.google.com/open?id=0B_4Ade4y2IZ6NmFWcGY4Tzh1NWs

I used custom css

.orangeslider {

background:rgba(242,141,44,0.7);

}

.responsive_start {

height: 65vh;

}

Bryan · July 2017

Your css is working, delete the browser cache.

http://prntscr.com/fx5cju

itsmeclausi · July 2017

Yes I see that it is working, but the textlayer should be at the top level.

If you have a look at the text you can see that the orange layer is covering it

Bryan · July 2017

You have to edit the slider and change the z-index setting in the layers:

http://prntscr.com/fxksue

thanks

Layer

Comments