The CSS Editor allows you to enter custom CSS code to control the appearance of a campaign.
Visit a campaign in the Campaign Builder and then open the Style Panel. Within the Style Panel, click CSS in the upper right corner.
The CSS text area is where you can type or paste your CSS code. It also has buttons to undo, redo, choose image, Validate, and Save the CSS.
The Validate button uses the W3 CSS Validator to check CSS for syntax errors. It’s important to click the Validate button after editing your CSS. It won’t help you with semantic problems, such as specifying green when you meant to specify red; but if you’ve forgotten a closing curly brace, the validator will catch it.
The Choose Image button will open the Media Selector. You can choose an image you've uploaded previously, or upload a new image. Once you have the image you'd like, click Select to close the Media Selector and paste the image's URL into the CSS Editor.
As you type your custom CSS, the campaign preview in the Builder will update to reflect your changes. This is especially helpful if you’re tweaking absolute positioning using CSS. Just make sure to click the Save button when you're done making changes.
Note: Styling changes made to your campaign using CSS code will override any changes made in the Style Panel.