Rev Slider with a bottom horizontal line across the page – Themeco Community

Rev Slider with a bottom horizontal line across the page

Paulo Tebet — Tue, 28 Oct 2014 20:49:10 +0000

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,

Reply To: Rev Slider with a bottom horizontal line across the page

Christian — Wed, 29 Oct 2014 02:55:35 +0000

Hey there,

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

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

Hope that helps. 🙂

Reply To: Rev Slider with a bottom horizontal line across the page

Paulo Tebet — Wed, 29 Oct 2014 11:50:04 +0000

This reply has been marked as private.

Reply To: Rev Slider with a bottom horizontal line across the page

Zeshan — Wed, 29 Oct 2014 16:24:09 +0000

You’re welcome! 🙂

Reply To: Rev Slider with a bottom horizontal line across the page

Paulo Tebet — Mon, 08 Dec 2014 14:11:22 +0000

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

Reply To: Rev Slider with a bottom horizontal line across the page

Paulo Tebet — Mon, 08 Dec 2014 14:13:54 +0000

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

http://prntscr.com/5ej8zc

Regards,

Paulo Tebet

Reply To: Rev Slider with a bottom horizontal line across the page

John Ezra — Mon, 08 Dec 2014 15:32:43 +0000

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!

Reply To: Rev Slider with a bottom horizontal line across the page

Paulo Tebet — Mon, 08 Dec 2014 16:38:30 +0000

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

Reply To: Rev Slider with a bottom horizontal line across the page

Nabeel A — Mon, 08 Dec 2014 21:23:23 +0000

Hey Pualo,

Try this for the border:

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

Hope this helps!