.hesperiden .tp-bullet NO FUNCTIONS

[franklozano]

Hey there. I love the slider revolution and all that I can do with it. I have something that I cannot figure out.

On our MAIN PAGE: http://catechnology.com/ The slider, the arrows and the tp-bullets work just fine. However, on other pages, even though I can see them, they have no function and are not in the code as I have dug into it. I cannot figure out what happened.

Examples:
http://catechnology.com/jd-edwards/jde-products/
http://catechnology.com/jd-edwards/jde-services/

This is the same slider as on the front page where it does work but on this page it has no functionality.
http://catechnology.com/cat-events/

Please help!

Thank you in advance.

Frank

[ruenel]

Hello Frank,

Thanks for writing in! The bullets do not work because of the placement of the layers within your page. The slider is behind the section. To resolve this issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-site .x-slider-container {
    position: relative;
    margin-bottom: 45px;
}

Please let us know how it goes.

[franklozano]

Of course it worked, YOU ALL ARE SO AWESOME.

SO…what did I do wrong? How can I avoid that in the future so css is not needed?

AGAIN. THANK YOU.

[ruenel]

Hello Frank,

The placement of the slider in the homepage is within a section. In the other pages, it is assigned below the masthead. To make sure that you have positioned the bullets within your slider, you can adjust it in the settings instead.

Hope this helps.