Slider Revolution - not rendering like preview

Support
#1

I’m attempting to render 3 buttons to the bottom of my slider revolution that, when clicked, will show different slides based on the “experience” selected to explore the website further.

There are a few problems:

  1. Why does the initial hover over the 3 images on the slider not reveal the entire border? You have to hover twice to see the border…

  2. Why am I not able to create a second slide without shutting off the first slide? I want make the images buttons, so when you click a button is reveals the slide related to that “experience”

  3. I created a long white band 100px high and full width set at 100%, but it would not fill the screen on the published page. I fixed by simply making the shape 10k pixels wide, it just seems like a terrible fix… why isn’t the shape rendering full width? If you go to the site and shrink zoom down to 50% and drag your window wide you’ll see that the bottom shape where the circles overlay is not full width: http://lh2.4ca.myftpupload.com/

  4. Lasly, how do I remove that 1px border at the bottom of my slider revolution? I just reduced the margin of the element beneath it 1 pixel to hide, but is there a better way to do this?

Any ideas?

Thanks!

#2

Hi Frank,

Thank you for writing in, please provide us login credentials in a secure note so we can take a closer look on your slider configuration.

Here is a documentation on how to link a layer to a slide.

Cheers!

#3

I have already done that, see note above

#4

Hello Frank,

Thanks for writing in!

  1. Please check your border settings for the Idle and Hover state.

  1. All you layers is added for the first slide. If you want your layers to display on the second slides as well, you must add them as global layers. For best results, please review this documentation: https://www.themepunch.com/revslider-doc/second-steps/#staticlayers

  2. We could not replicate the issue. Please sent us some screenshots so that we will have an idea of what is going on.

  3. To remove the 1 pixel border, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.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;
}

Hope this helps.

#5

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