Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adjust "Sale label" in Summary block


Donald_P
Go to solution Solved by humxahafeex,

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

  • 1

Hi @Donald_P Please use the following code in DESIGN>CUSTOM CSS.

 .summary-product-status>.product-mark {
     background-color: #f00 !important;
     line-height: 3em !Important;
     text-align: center !Important;
     border-radius: 50% !important;
     width: 45px !important;
     height: 45px !Important;
 }
 .sqs-product-quick-view-button-wrapper>.sqs-product-quick-view-button {
     background-color: #f00 !important;
     width: 75px !Important;
     height: 75px !important;
     padding: 0.8em !Important;
     line-height: 2.2em !important;
     text-align: center;
     border-radius: 50% !important;
 }

It will do the Job , Please do mark it as solved if it works 🙂 

Edited by humxahafeex
Added Summary Block classes
Link to post
  • 0

@humxahafeex

Thank you so much for the code.

it works well but it applies to all labels in other area as well. I'd like to apply it to summary block only.

what is the name of selection for the mark in the summary product block ?

Thanks, 

Donald

 

Link to post
  • 0
49 minutes ago, Donald_P said:

@humxahafeex

Thank you so much for the code.

it works well but it applies to all labels in other area as well. I'd like to apply it to summary block only.

what is the name of selection for the mark in the summary product block ?

Thanks, 

Donald

 

Hi I just edited the Code Please use that one 🙂 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...