Customizing the 'Close' button on pop-up forms

SOLVE
Highlighted
Regular Contributor

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!

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Advisor | Platinum Partner

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.

 

.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;
}

Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

1 Reply 1
Advisor | Platinum Partner

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.

 

.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;
}

Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner