In this blog post, we’ll look into the steps to add a background color to menu bar in  nopCommerce.

Go to this location –

Themes/DefaultClient/Content/css/styles.css

Open the stylesheet and find this code-

.header-menu {
 position: relative;
 z-index: 5;
 width: 980px;
 margin: 0 auto 30px;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding: 25px 0;
 text-align: center;
}

Now, we will add background color like this –

.header-menu {
 position: relative;
 z-index: 5;
 width: 980px;
 margin: 0 auto 30px;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding: 25px 0;
 text-align: center;
 background-color:orange;
}

This is the output:

 Looking for quality nopCommerce Web Hosting? Look no further than Arvixe Web Hosting!