[wpStan.comParticipant]

Hello,

I’m trying to remove the white border that appears below the revolution slider. I’m using the latest versions of X, WordPress & all related plugins.

the page having the issue is: http://stan.wpstan.com/about-me/

Here is the .css I’m using to try to accomplish that:

.rev_slider_wrapper, a.x-img-thumbnail:hover, .x-slider-revolution-container.below, .page-template-template-blank-4-php .x-slider-revolution-container.above, .page-template-template-blank-4-php .x-slider-revolution-container.above {
border-bottom: 0px;
}

I also Tried:
.rev_slider_wrapper, a.x-img-thumbnail:hover, .x-slider-container.below, .page-template-template-blank-4-php .x-slider-container.above, .page-template-template-blank-4-php .x-slider-container.above {
border-color: transparent;
}

AND

.rev_slider_wrapper {
border-bottom: 0 !important;
}

AND

.x-slider-container.below {
border-bottom: 0;
}

AND

.x-content-band {
border: none !important;
}

None of these worked and my white border still remains.

[RupokMember]

Hello There,

Thanks for writing in! Upon checking your website I can see you have used absolute position with left: 25px and top: -97px value. Please change those (like left:0; top: -30px) like this to get rid of this. See the image below –

Hope this helps!

Cheers!

[wpStan.comParticipant]

Unfortunately I already thought of this. I have moved and resized this picture multiple times, yet the 1-2 pixel border that sits on the bottom of this picture remains.

I’ve tried different pictures and also made the picture the background, so that it was not fixed absolutely. The border still remains.

The issue is with the Rev Slider putting a border on the bottom of itself. (See image below)

http://prntscr.com/7npstg

[wpStan.comParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

.page-template-template-blank-1-php .x-slider-container.below, 
.page-template-template-blank-2-php .x-slider-container.below, 
.page-template-template-blank-3-php .x-slider-container.below, 
.page-template-template-blank-4-php .x-slider-container.below, 
.page-template-template-blank-5-php .x-slider-container.below, 
.page-template-template-blank-6-php .x-slider-container.below {
   border: none;
}

Please let us know if this works out for you.

[wpStan.comParticipant]

Perfect!! Thank You! 🙂

[Rue NelModerator]

You are most welcome!

[Author]

Posts