Jump to content

"All New Product" and "All Special" button color


Recommended Posts

Hi,

 

Kindly need your help, I want to change the color of "All New Product" and "All Special" button in left menu at category page. please see my picture attached.

could you show me where I must do the changed?

 

I am using prestashop 1.6

Thank you for the support

 

post-813657-0-71645500-1405610136_thumb.jpg

Link to comment
Share on other sites

Hello

 

You could go to:

 

Your Shop/themes/default-bootstrap/css/global.css

 

and around line 5500 change this colour

 

.button.button-small {
  font: bold 13px/17px Arial, Helvetica, sans-serif;
  color: white;
  background: #6f6f6f;
  border: 1px solid;
  border-color: #666666 #5f5f5f #292929 #5f5f5f;  (you will need to change this colour too)
  padding: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .button.button-small span {
    display: block;
    padding: 3px 8px 3px 8px;
    border: 1px solid;
    border-color: #8b8a8a; }
    .button.button-small span i {
      vertical-align: 0px;
      margin-right: 5px; }
      .button.button-small span i.right {
        margin-right: 0;
        margin-left: 5px; }
    .button.button-small span:hover {
      background: #575757;
      border-color: #303030 #303030 #666666 #444444; }
 
This, unfortunately, will change all your small buttons background colour.
 
I am not sure how to just target "New Products" and "Best Sellers" Blocks
 
Paul
Link to comment
Share on other sites

×
×
  • Create New...