The CSS editor module (Inline Style Editor) allows users to add custom styling to a variety of landing page elements. Specifically, the Inline Style Editor allows editing, creating, and deleting of any CSS property. You can make fine-level adjustments that will more accurately reflect your brand (and your client’s brand, too).
The editor enables users to isolate CSS styling to individual page elements, as opposed to the entire page. Plus, you can add additional properties that were previously unavailable in the editing toolbar.
Simply put, this feature will allow experienced designers with web development skills to get maximum flexibility and precision from Instapage, such as:
- Text and shape padding
- Custom alignment
- Transforms and transitions
Using the CSS Editor Module
1. Click on an element on your page and select Edit CSS Styles:
2. Enable Inline Style Editing and you're good to go:
Here are a few examples of what you can do with the Inline Style Editor:
Set text as "Justified":
Add a drop shadow to a button:
If you want to reset the Inline Style Editor to default, the element returns the styling to its previous state. Content like links or pop-ups, for example, is not affected when taking this action. To do this just click on the "Reset to Default" button.