Title: Close Button
Last modified: August 22, 2016

---

# Close Button

 *  Resolved [kbertsch](https://wordpress.org/support/users/kbertsch/)
 * (@kbertsch)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/close-button-6/)
 * Hello, just want to say first off love your plugin! However, I would like to 
   be able to have a close button instead of just the ‘x’ in the corner or clicking
   off to the side. How should I do this? If you assign the “spu-class” to a button
   it cuts off the text for the most part on the button. I’ve also tried the bootstrap
   data-dismiss=”modal” and had no luck with that either.
 * Thanks!
 * [https://wordpress.org/plugins/popups/](https://wordpress.org/plugins/popups/)

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

 *  Plugin Author [Damian](https://wordpress.org/support/users/timersys/)
 * (@timersys)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/close-button-6/#post-5475307)
 * USe the spu-close class but also add a custom class to modify the css .
    eg: `
   <button class="spu-close my-custom-close">CLOSE</button>`
 * The in your css somethign like:
 *     ```
       .spu-close.my-custom-close{
       position:relative;
       width:auto;
       margin: 20px auto;
       display: inline-block
       }
       ```
   
 *  Thread Starter [kbertsch](https://wordpress.org/support/users/kbertsch/)
 * (@kbertsch)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/close-button-6/#post-5475310)
 * Awesome Damian. Worked great! I did have did add a height:auto; as well FYI. 
   Thanks again!
 *  [Julie Kuehl](https://wordpress.org/support/users/juliekuehl/)
 * (@juliekuehl)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/close-button-6/#post-5475679)
 * This worked for me too. Thanks for the excellent work!
 *  Plugin Author [Damian](https://wordpress.org/support/users/timersys/)
 * (@timersys)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/close-button-6/#post-5475724)
 * This out of date. To create a close button use
 * `<button class="spu-close-popup my-custom-close">CLOSE</button>`

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

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

 * ![](https://s.w.org/plugins/geopattern-icon/popups_efeef0.svg)
 * [Popups - WordPress Popup](https://wordpress.org/plugins/popups/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/popups/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/popups/)
 * [Active Topics](https://wordpress.org/support/plugin/popups/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/popups/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/popups/reviews/)

## Tags

 * [popup close](https://wordpress.org/support/topic-tag/popup-close/)
 * [Popup Plugin](https://wordpress.org/support/topic-tag/popup-plugin/)

 * 4 replies
 * 3 participants
 * Last reply from: [Damian](https://wordpress.org/support/users/timersys/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/close-button-6/#post-5475724)
 * Status: resolved