Title: Close Button Location
Last modified: March 27, 2023

---

# Close Button Location

 *  Resolved [staceyelle](https://wordpress.org/support/users/staceyelle/)
 * (@staceyelle)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/)
 * I am not able to move the close button to an area that it can be seen. The live
   preview displays the “X”. With a 10px border half of the “X” is hidden. When 
   the actual video pops up, no close button can be seen at all.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fclose-button-location%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 12 replies - 1 through 12 (of 12 total)

 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16597290)
 * Dear [@staceyelle](https://wordpress.org/support/users/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 3 years, 2 months ago by [Jasmine](https://wordpress.org/support/users/hyenokian/).
 *  Thread Starter [staceyelle](https://wordpress.org/support/users/staceyelle/)
 * (@staceyelle)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16599150)
 * Thanks. I was trying everything other than padding. I’ll check out your suggestion
   now.
 *  Thread Starter [staceyelle](https://wordpress.org/support/users/staceyelle/)
 * (@staceyelle)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16599269)
 * 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;}
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16601127)
 * Dear [@staceyelle](https://wordpress.org/support/users/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:**
 * > [View post on imgur.com](https://imgur.com/nYhjvJQ)
 * 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:**
 * > [View post on imgur.com](https://imgur.com/7HslRcc)
 * Thank you
 *  Thread Starter [staceyelle](https://wordpress.org/support/users/staceyelle/)
 * (@staceyelle)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16607519)
 * 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.
 * ![](https://i0.wp.com/www.lew.lewislasik.com/wp-content/uploads/2023/03/closebutton.
   jpg?ssl=1)
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16608921)
 * Dear [@staceyelle](https://wordpress.org/support/users/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.
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/close-button-location/#post-16610118)
 * Dear [@staceyelle](https://wordpress.org/support/users/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.
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/close-button-location/#post-16635803)
 * Dear [@staceyelle](https://wordpress.org/support/users/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 3 years, 1 month ago by [Jasmine](https://wordpress.org/support/users/hyenokian/).
 *  Thread Starter [staceyelle](https://wordpress.org/support/users/staceyelle/)
 * (@staceyelle)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/close-button-location/#post-16635836)
 * 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!
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/close-button-location/#post-16635845)
 * Dear [@staceyelle](https://wordpress.org/support/users/staceyelle/),
 * Thank you for your reply.
 * Glad to hear that.
   As your query is resolved please take a moment to [rate and review](https://wordpress.org/support/plugin/ays-popup-box/reviews/?filter=5)
   the plugin or support.
 * Have a nice day!
 *  Thread Starter [staceyelle](https://wordpress.org/support/users/staceyelle/)
 * (@staceyelle)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/close-button-location/#post-16635856)
 * Thanks again Jasmine. I am happy to review and appreciate the helpful support.
   I’m happy I selected Popup box to display videos.
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/close-button-location/#post-16636309)
 * Dear [@staceyelle](https://wordpress.org/support/users/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.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Close Button Location’ is closed to new replies.

 * ![](https://ps.w.org/ays-popup-box/assets/icon-128x128.gif?rev=2660064)
 * [Popup Box - Create Countdown, Coupon, Video, Contact Form Popups](https://wordpress.org/plugins/ays-popup-box/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ays-popup-box/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ays-popup-box/)
 * [Active Topics](https://wordpress.org/support/plugin/ays-popup-box/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ays-popup-box/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ays-popup-box/reviews/)

## Tags

 * [close button](https://wordpress.org/support/topic-tag/close-button/)

 * 12 replies
 * 2 participants
 * Last reply from: [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * Last activity: [3 years, 1 month ago](https://wordpress.org/support/topic/close-button-location/#post-16636309)
 * Status: resolved