How to add background color to news titles on homepage in nopCommerce

 

In this blog post we will learn how to add background color in news titles (in nopCommerce).

To add color to background in news titles, we need to go to this location –
Nop.Web > Themes > DefaultClean > Content > css > styles.css

 

 

Open the style.css stylesheet and look for this css –

.post-title,
.news-title {
    display: inline-block;
    padding: 20px 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

 

 

Let’s add some background color to news title css class –

 .news-title {
 display: inline-block;
 padding: 20px 10px;
 line-height: 20px;
 font-size: 16px;
 font-weight: bold;
 color: #444;
 background-color:red;
 
}

 

Here is the output –

 

 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 *