How to Use the Custom CSS Feature

You can add custom CSS code to your landing page, in order to customize many of the visual elements of your page.

Custom CSS is disabled by default. To enable the CSS editor, go your account settings (by clicking the icon on the top right from your Dashboard).

Next, go to "Extras"

Click the toggle to enable the CSS editor.

The field will now show up on the "Design" tab when editing/creating a landing page:

Adding CSS code in this field will immediately change the targeted elements on the Design page (if the code is correct).

There are a number of resources available online that offer help with CSS, if you are unsure of the code you need.

https://www.w3schools.com/css/ is one site that provides many basic code examples.

Here is an example of CSS code in use:

.cta-button {
border-radius: 20px !important;
}
 #main-headline {
color: red;
}

The first part of will target the "Claim Coupon" button (.cta-button). The code "border-radius" gives the button rounded edges. .

The second part targets the headline (#main-headline). The code changes the color of the headline to red.

Depending on which element you target, you may need to add !important to the end of your code for it to take effect.


If you have any more questions, feel free to contact our support team at any time.