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-



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 - 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 *