Slider Button Hover Question

[marymmccauley]

Hello,

I have a Revolution Slider at the top of this page https://sandbox.zivelo.com/, and the buttons’ outline doesn’t display until I mouse over them. I’ve searched and search, and can’t find how to correct this. Can you give me some guidance?

Thank you

[nabeel]

Hi Mary,

Thank you for reaching out to us. Are you referring to the buttons border? I checked your site and I can see the borders correctly on my end (see screenshot)

This could be a browser specific issue, try adding the following code in the Theme Options > CSS:

.home .tp-caption.rev-btn {
    border: 1px solid #fff !important;
}

Let us know how this goes!

[marymmccauley]

@Nabeel

.home .tp-caption.rev-btn {
border: 1px solid #fff !important;
}

That fixed it, thank you!

[Prasant]

You are most welcome.

[marymmccauley]

I have another question regarding this slider, which is located toward the bottom of this page: http://sandbox.zivelo.com/products/hardware/, can you tell me if there is a way to mask the preview of the previous and next slides? As is, the design looks chaotic.

[basanta]

Hi Mary,

Thanks again for asking!

There is some confusion regarding your requirement. Can you please explain a bit so that we can suggest you better.
You can post a screenshot what exactly you want to achieve in the slider.

If you want to change the navigation style of the slider, there are several options you can choose.

Thanks

[marymmccauley]

Hello, I’m inserting a screenshot of what I’m trying to do. I want to hide the preview of the previous slide, because it doesn’t look nice. . I only want the active slide and the next slide to be visable.

[paul.r]

Hi,

Try to set Max Visible Items to two in your carousel settings.

For additional information kindly refer to the link below

https://www.themepunch.com/revslider-doc/carousel/

Thanks