How to change footer background color in nopCommerce

Today, we will learn how to change footer background in nopcommerce.

Go to this location in nop site-

Nop.Web\Themes\DefaultClean\Content\css\styles.css

 

Open the style sheet “styles.css”

 

Look for this in stylesheet

 

.footer {
    background-color: #eee;
    text-align: center;
}

 

In default clean theme, the default color is #eee.

 

Let’s change the color in stylesheet for footer to yellow like this-

 

.footer {
 background-color: yellow;
 text-align: center;
}

 

This is how it will look on public store-

 

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

Tags: , , , , | Posted under nopCommerce | RSS 2.0

Author Spotlight

Lavish Kumar

Founder, developer and owner of StrivingProgrammers.com - By profession, he is a software programmer / web developer, web designer & DBA. He is passionate about technology and electronic gadgets. He enjoys writing tech articles and developing web applications. He is a nopCommerce MVP and author of official nopCommerce Designer's Guide.

Leave a Reply

Your email address will not be published. Required fields are marked *