O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — Changing the header user block background color

Look out for the #header and insert background: #888 in it.

#header {
float: left;
width: 71%;
text-align: right;
background: #888
}

The color can be replaced with any color of your choice.

The following screenshot is what you will end up with. The red outline is the header section outlined by the Web Developer extension.

Time for action — Changing the header user block background color

What just happened?

You just learned how to insert a hex color code in the global.css file to modify the header background color.

Have a go hero Adding code in a section to change the background color

Is there a way to change the background color in one section?

Look up ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required