How to add and modify a divider between header / footer rows

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 Color
  • Brand Color

  • Option one:  Custom Color


    Select any color from the palette to apply a custom color to your "Divider".



    Option twoBrand Color


    Choose a color from your pre-configured brand palette, ensuring it aligns with the design and theme of your website.



    Next steps

    1. add / manage header rows
    2. make header row sticky
    3. change navigation links
    4. 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 ...