Docs

[Paulo Tebet]

I am using the Integrity stack, and on my homepage

development.paulotebet.com

I have a Rev Slider at the top, but on the bottom of the Slider, under the shadow I am getting Red horizontal line….

How do I get rid of it?

Regards,

[Christian]

Hey there,

Please add the code below in the Appearance > Customize > Custom > CSS.

.x-slider-revolution-container.below {
    border: none;
}

Hope that helps. 🙂

[Paulo Tebet]

This reply has been marked as private.

[Zeshan]

You’re welcome! 🙂

[Paulo Tebet]

After upgrading to X Theme 3.01 the bottom border line is showing up again….

http://prntscr.com/5ej7so

Notice that there is a fine gray line that goes all the way across the width of the screen.

I would like to get rid of those lines ( the red and gray one) and get only the shadow below the image.

Regards,

Paulo Tebet

[Paulo Tebet]

Notice that the previous code is in fact on the Custom area of the Customiser….

http://prntscr.com/5ej8zc

Regards,

Paulo Tebet

[John Ezra]

Hi there,

to get rid of the red line, use this CSS:

.x-slider-container  {
    border: none!important;
}

for the gray one use the following:

.x-colophon.top {
    border: none!important;
    box-shadow: none;
}

Hope this helps!

[Paulo Tebet]

Perfect.

Thanks a lot.

Not sure if I will really use a border or not, but in order for me to try it, how can I define a very thin (hair line , 1px) black border on all sides of the slider?

Regards,

Paulo Tebet

[Nabeel A]

Hey Pualo,

Try this for the border:

.x-slider-container.below, .x-slider-container.above{
border: 1px solid #000 !important;
}

Hope this helps!

[Author]

Posts