Slider Revolution - Buttons Border Issue

Support
#1

Hi guys,

Just noticed that the buttons are “loosing” their borders on small screens. Is this caused by the Auto Responsive turned on and how could it be fixed?

Mobile (tested in a private browser with cleared cache)

Slider design (it displays properly on big screens)

Thank you!

#2

Hi @kcreative,

Thank you for writing in, yes that is because of the auto responsive settings. You can force that button to have a 1px border all the time by adding border-width: 1px !important; on the Advance CSS layer.

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after you made the changes

Hope it helps,
Cheers!

#3

Is this what you meant https://prnt.sc/ozry1i If so, it doesn’t seem to help… (I did add it for adle and hover)

#4

Hi @kcreative,

I don’t see it being applied on the button layer, I notice you have multiple buttons on your slider, please add this to the Slider CSS area instead.

.tp-caption.rev-btn.tp-resizeme.rs-hover-ready {
 	border-width: 1px !important;
}

Hope it helps,
Cheers!

#5

Thank you, that did it!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.