Lead Capture Tools

cpburke
Contributor

Customizing the 'Close' button on pop-up forms

SOLVE

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!

0 Upvotes
1 Accepted solution
MatthewShepherd
Solution
Key Advisor

Customizing the 'Close' button on pop-up forms

SOLVE

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

Matthew Shepherd

Freelance HubSpot Consultant
CRM Consultant | SEO Specialist

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

View solution in original post

1 Reply 1
MatthewShepherd
Solution
Key Advisor

Customizing the 'Close' button on pop-up forms

SOLVE

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

Matthew Shepherd

Freelance HubSpot Consultant
CRM Consultant | SEO Specialist

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