When setting up and designing your website page using the Page Designer, you might want to add or remove some extra padding (amount of space) between the design blocks. If you would like to do this, you can add some code into your Header Metadata section and adjust the px sizing accordingly. This will increase or decrease the padding between each design block section depending if you make the number lower or higher. By default, the padding (space) is set at 20px. You can decrease or increase the amount by editing the number portion.
The code that you will be copying and working with is:
<style>.fdb-block{padding: 20px 0}</style>
Step 1: Find your Header Metadata section
Step 2: Expand open the Header Metadata and scroll to the very bottom where you will paste in the code
Step 3: Once you adjust the number in the code line ( <style>.fdb-block{padding: 20px 0}</style> ) - you can save your updates and then preview the page to see if it's the amount of space you want. Increase or decrease accordingly.
-----------------------------------------------------------------------------------------------------------------------------------
Here are a couple visual examples of my page with the default 20px:
The red boxes represent the amount of padding between sections
Here are a couple visual examples of my page with the 60px:
The red boxes represent the amount of padding between sections
Please contact our customer support at [email protected] or by simply clicking the chat icon in the bottom right corner of the screen if you have any questions or issues