Problem with SliderRevolution modal

Support
#1

I got this to work like I want but the active area for the play button and close button [ X ] are offset. For example, if you go to close the video after it starts, clicking the X does not work except for the top 1/4 of the X. Seems like the active area behind it is offset. Also, the pause icon is offset to the left as compared to the play button in reference to it’s background. How do I fix this?

dev.creativeskyproductions.com

Many thanks,
Houston

#2

Hey There,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your email. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

#3

Well, it seems the " [PLAY REEL] " button has quite working now. So I guess I need to get this working first. Arghhhh.

But when it was working, Here is what was happening:
I guess I should have mentioned that you need to press the “Play Reel” button first. Then when the video pops up you will notice that the background of the pause/play icon is offset from the PAUSE icon. Secondly, the close icon ( X ) in the upper right appears not to wrok until you put your cursor towards the top of the X. But if you put it where most people would put their cursor, in the center, it does not work. It seems to me the ACTIVE area (transparent) for teh close button is also offset from the “X” icon (close) button.

#4

OK, I have it all working but I am still having the issue with the offset icons and close button. (See previous post)

#5

Hi Houston,

To fix this issue, please try adding this custom CSS under Theme Options > CSS:

.tp-video-play-button {
    text-align: center !important;
}
.x-masthead {
    z-index: 9;
}

Let us know how it goes!

#6

It worked but the index made my mast head disappear. If I remove it, the X goes back to not working properly.

#7

Hello Houston,

Sorry if the code did not work out. Please remove this custom css:

.x-masthead {
    z-index: 9;
}

Edit your header and then in your bar settings, please set the z-index to just 99.

Hope this helps.

#8

Still does not work

#9

Hi @Houston,

Please add this CSS well on your header’s CSS

.x-masthead {
    position: unset;
}

The reason it’s not working is because it’s contained where the z-index change has no effect to other elements outside it.

Thanks!

#10

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