How to add and modify a divider between header / footer rows
In this guide, you will learn how to add a divider between header (or footer) rows and customize its color and thickness.
We will use the header rows for this tutorial, but you can apply it without problems for footer row customization.
Step 1 - open editor
Click on the "Edit Row" button to open the row settings.
Step 2 - enable divider
In the "Row Settings", enable the "Divider Color" checkmark to show the divider. It will appear on the row's bottom side.
Step 3 - edit thickness
Once the "Divider Color" option is checked, you can adjust the thickness and color of the divider.
Step 4
Click on the "Color" button to select or customize the divider's color.
You will see two options for changing the background color:
Custom ColorBrand Color
Option one: Custom Color
Select any color from the palette to apply a custom color to your "Divider".
Option two: Brand Color
Choose a color from your pre-configured brand palette, ensuring it aligns with the design and theme of your website.
Next steps
- add / manage header rows
- make header row sticky
- change navigation links
- change header / footer row background color
Related Articles
How to to change header / footer row background color
In this guide, you will learn how to change the background color of a header (or footer) row. We will use the header rows for this tutorial, but you can apply it without problems for footer row customization. Step 1 - open editor Click on the "Edit ...
How to make a header row sticky
In this guide, we’ll show you how to make a row sticky, so it stays top side fixed while scrolling. You can make multiple rows sticky, even non-consecutive ones. Step 1 - open editor Click on the "Edit Row" button to open the row settings. Step 2 - ...
How to add brand colors
This tutorial will guide you on how to add a new color palette. Step 1 - Open Website Styles Click on the "Website Pages" button. Step 2 - Open Colors In the "Website Look & Feel" menu, select "Colors". Step 3 - Add Color Click on the "Add" button. ...
How to add fonts (typefaces)
This tutorial will guide you on how to add a font (typefaces). Step 1 - Open Website Styles Click on the "Website Styles" button. Step 2 - Open Typography In the "Website Look & Feel" menu, select "Typography". Step 3 - Add Font Click on the "Add" ...
How to add a box style
In this tutorial, we will guide you on how to add a box style. Step 1 - Open Website Styles Click on the "Website Styles" button. Step 2 - Open Box Styles In the "Website Look & Feel" menu, select "Box Styles". Step 3 - Add Box Style Click on the ...