About Liquid element
The Liquid element allows you to add Liquid, HTML, Javascript, or CSS codes to customize sections and integrate third-party apps using GemPages.
To add the element to your page, kindly follow these steps.
Step 1: From the GemPages dashboard, open your preferred template to edit. Drag and drop the element to your desired position.
Step 2: Right-click on the element, then select “Edit” to open the code panel.
Step 3: Add the custom code to the corresponding code panel and click on “Save” when finished.
Step 4: Finally, hit “Publish” to start rendering the code.
Settings tab
With the Settings tab, you can set the name for that specific Liquid element for differentiation. You can also choose how the element is positioned with 3 options: left-aligned, centered, and right-aligned.
Design tab
To style how the element looks, please navigate to the Design tab and follow the instructions in this article.