Jump to content

Changing the color of the ribbon "On Sale!"


Recommended Posts

Hi all

I search all forum but i dont find it!

I want to change the color of the ribbon "ON sale!" to red. I want a different color from "New" ribbon

I USE THE DEAFULT theme

 

Have anyone a guide to change that? Im new member. 

 

Thanks to all

Edited by iGiorgis (see edit history)
Link to comment
Share on other sites

Hello

 

go to global.css around line 5860

 

.new-box {
  left: -4px; }
 
.sale-box {
  right: -5px; }
 
.new-label {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: white;
  background: #6ad4ff;  Change this colour to your choice
  text-transform: uppercase;
  padding: 9px 0 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 130px;
  text-align: center;
 
Paul
  • Like 1
Link to comment
Share on other sites

Hello

 

global.css around line 5906

 

.sale-label {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: white;
  background: #f13340;  Change this colour
  text-transform: uppercase;
  padding: 9px 0 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
 
Paul
Link to comment
Share on other sites

×
×
  • Create New...