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 Row" button to open the row settings.
Step 2 - change color
In the "Row Settings" editor, click on the "Color" button to select or customize the background color.
Step 3
You will see two options for changing the background color:
Option one: Custom Color
Select any color from the palette to apply a custom background color to your row.
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
- add a divider between rows
- change navigation links
Related Articles
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 ...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 change page background
This article will guide you through the process of changing the background of a page. Step 1 Click on the "Edit Page Background" button. Step 2 Click on the "Background Color" button. Step 3 You will see two options for changing the background color: ...How to change the background of an existing section
As a website builder designed for beginners, Aphyo offers intuitive tools that make it easy to personalize various elements of your site, including the background of existing sections. Whether you want to enhance the visual appeal, align with your ...How to change navigation links style
In this tutorial you will learn on how to change the style of navigation links. This will be different for desktop and for mobile. All navigation links are in fact buttons, but usually they have no style or minimal style. Step 1 - open editor Open ...