Tutorials

Table of contents
Close

How to change the color of the Header Container

Changing the background color of your website header is easy! On the new COS there are 2 CSS classes you should familiarize yourself with, .header-container-wrapper and .header-container. Applying a background color style to either of these classes will change the color of the background. Now, depending on how your template is setup the result may be diffferent. I would recommend playing around a bit with both classes to see if you can achieve your desired effect.

Example

.header-container-wrapper{
background-color: red;
}

Example using hex code for color

.header-container-wrapper{
background-color: #FF0000;
}