# Customizing the 'Close' button on pop-up forms

**URL:** <https://community.hubspot.com/t/customizing-the-close-button-on-pop-up-forms/16039>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [August 31, 2019, 4:36pm UTC](https://community.hubspot.com/t/customizing-the-close-button-on-pop-up-forms/16039 "2019-08-31T16:36:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cpburke](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cpburke/32/48852_2.png) [@cpburke](https://community.hubspot.com/u/cpburke)\
**Post date:** [August 31, 2019, 4:36pm UTC](https://community.hubspot.com/t/customizing-the-close-button-on-pop-up-forms/16039/1 "2019-08-31T16:36:22Z")

</div>

Is it possible to customize the Close / ‘X’ button on pop-up forms?

For example, can the Close button be changed to something like “No thanks, I’m not interested”?

Any help or direction is appreciated. Thanks!

---

<div class="post-metadata">

**Author:** ![MatthewShepherd](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/matthewshepherd/32/31314_2.png) [@MatthewShepherd](https://community.hubspot.com/u/MatthewShepherd)\
**Post date:** [September 2, 2019, 8:16pm UTC](https://community.hubspot.com/t/customizing-the-close-button-on-pop-up-forms/16039/2 "2019-09-02T20:16:57Z")

</div>

Hi @cpburke

Yes, this is possible with some CSS styling. The following might need some tweaking to achieve the style you want but try adding something like the following CSS code to the page with your pop-up form.

```auto
.leadinModal .leadinModal-close:before {
	display:none !important;
}

.leadinModal .leadinModal-close:after {
 content: "No Thanks, I'm Not Interested! \00D7";
 font-size: 18px;
 font-weight: normal;
 text-align: right;
 color: #bbb;
 padding-top: 6px;
 padding-right: 12px;
}

```