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 a new section

        Creating and customizing a website to reflect your brand’s identity and meet your business needs can significantly impact your online presence. Aphyo, a versatile website builder, offers intuitive tools to help users design and personalize their ...
      • How to add new page group

        This article will guide you through the process of adding a new page group. Step 1 Click the "Website Pages" button in the sidebar menu. Step 2 Click on the "Add Page Group" button. Step 3 You will see that a new page group has been added, but it ...
      • How to add pages to your website

        In this article, you will learn how to add a new page to your website. Step 1 Click the "Website Pages" button in the sidebar menu. Step 2 Choose a page group and click on the "Add New Page" button. The new page has now been successfully added to ...