Close Button Location

Dear @staceyelle,

Thank you for the topic.

If you want to create a video popup, then, the plugin has a special popup type for it.
Here?is the link you can refer to for more information:?https://ays-demo.com/video-coral-type/

If you want to create a popup on it, you can increase the padding with the following CSS code. 

Please take this CSS code and insert it into the Popups > particular popup > Styles tab > Custom CSS option.
Then, replace YOUR_POPUP_ID with the corresponding Popup ID (e.g. 3, like this div.ays-pb-modal.ays-pb-modal_3).
Do not delete the space after it.
Do not forget to clear the cache afterward.

div.ays-pb-modal.ays-pb-modal_YOUR_POPUP_ID {
padding: 40px !important;
}

Thank you.

• This reply was modified 1 year, 12 months ago by Jasmine.

Thanks. I was trying everything other than padding. I’ll check out your suggestion now.

From the demo it is clear that the close button can be positioned. Unfortunately the CSS did not reveal the close button. I am confirming that the hide close button option is Unchecked. Using the Close Button Position options, there is no change in the preview either. ;-(

div.ays-pb-modal.ays-pb-modal_9 {
padding: 40px !important;
}

Dear @staceyelle,

Thank you for your reply.

Our Development Team checked your case.
Please go to the Styles tab and set 1 for the Close button size option.

See the screenshot below:

Then, paste the following CSS code into the ?Popups > particular popup > Styles tab > Custom CSS?option.
Replace YOUR_POPUP_ID with the corresponding Popup ID (e.g. 3, like this div.ays-pb-modal.ays-pb-modal_3).
Don’t delete the space after it.
Don’t forget to clear the cache afterward.

.ays-pb-modal_YOUR_POPUP_ID .ays_video_btn-close .close-video-btn {
top: 5px;
right: 5px;
}

By doing all these changes, you will achieve the following view.
See the screenshot below:

Thank you

Thanks for checking out my issue. There is still nothing showing. I had ramped up the close button size to 4.2 and I was able to see one leg of the x revealed with a hover. It was below the level of the border. At 1 it is hiding behind the border.

From the very cool demo linked above, I was expecting the close buttom to be out of the video popup window.

Here shows the alterations you suggested and the preview shows no change. The page view shows nothing. I tried several variations for top and right too. I expect most people do know you can click the background to close.

Dear @staceyelle,

Thank you for your reply.

I have passed your request to our Development Team for further investigation of your case.
We will get back to you as soon as we receive an answer from them.

Thank you.

Dear @staceyelle,

Thank you for your patience.

Our Dev team has checked the screenshot you provided us with and noticed that you have written the CSS code incorrectly.
You have missed the word modal.

So, please insert the following CSS code exactly in the way I am sending it to you now and check the case again.

.ays-pb-modal_9 .ays_video_btn-close .close-video-btn {
top: 5px !important;
right: 5px !important;
}

Please check this and let us know about the outcome.

Thank you.

Dear @staceyelle,

We’re closing this ticket for now as we last heard from you a week ago.

If the query is unresolved, drop us a line and we’ll get back to you at the earliest and the ticket will be re-opened.
For a new query, feel free to open a new topic. Our customer care specialists will be happy to help you.

Thank you.

• This reply was modified 1 year, 11 months ago by Jasmine.

I had settled on living without a close button but I AM HAPPY to report that the above CSS worked! THANKS SO MUCH! You may certainly consider this a closed ticket. Cheers!

Dear @staceyelle,

Thank you for your reply.

Glad to hear that.
As your query is resolved please take a moment to?rate?and?review?the plugin or support.

Have a nice day!

Thanks again Jasmine. I am happy to review and appreciate the helpful support. I’m happy I selected Popup box to display videos.

Dear @staceyelle,

Thank you for your reply and nice feedback.
Your support and trust in us are much appreciated.

We put customer experience and satisfaction as our priority, and your review reaffirms the hard work we put in every day.

Thank you.