Style a Pop-Up Confirmation Button

You can modify styles and other attributes of a Pop-Up confirmation button.

About this task

To modify a Pop-Up confirmation button in Pop-Up Manager, go to Edit Pop-Up > Confirmation Page > Subtext > Source.

In Source, edit the following CSS:

<p style="text-align: center;"><span style="color:#FFFFFF; font-family:arial,sans-serif; font-size:16px; letter-spacing:1px"><span style="background-color:#000000; padding:20px 30px"><a href="#" style="text-decoration:none; color:#ffffff;">START SHOPPING</a></span></span></p>

Example

The following example modifies the URL placeholder to point to your site, the call-to-action background and font colors, and the call-to-action text:

<p style="text-align: center;"><span style="color:#FFFFFF; font-family:arial,sans-serif; font-size:16px; letter-spacing:1px"><span style="background-color:#005b7d; padding:20px 30px"><a href="https://www.mysite.com/new-arrivals" style="text-decoration:none; color::#aee9ff;">SHOP NEW ARRIVALS</a></span></span></p>