You can add your own line of code to your pages using the Code module of the page designer. This is useful if, for instance, you want to add plugin shortcodes or static HTML, CSS or JavaScript.
Go to the page designer, and add a new module by clicking on the gray plus sign. Choose the code module from the list. If you prefer to find the module automatically, it’s also possible to type it in the search bar on top.
Define contents
The contents tab includes the following options:
Text
This is where you can place your line of code. It can be HTML, CSS or JavaScript. You can also insert a shortcode from other modules here.
Link
If you want that the module opens a new URL when someone clicks on it, paste that link here and decide if the link will open in the same window or tab.
Background
Add a background color, gradient, image or video to your module.
Admin label
You can modify the module’s label for easier identification.
Customize the design
With these settings, you can customize your design.
Text
Select the orientation of the text that will appear in the module.
Sizing
Adjust the width of the module.
Spacing
Customize margins and padding sizes.
Filters
Adjust the hue of the module as a whole.
Animation
Give an animation style to the module, like fading or sliding when it appears.
Advanced settings
Using this tab you are able to insert CSS code, select device visibility, and manage transitions. Check this guide to know more about how to use these settings.