Guest Posted February 15, 2021 Share Posted February 15, 2021 Site URL: https://www.ok-mart.com.au I want to change a style of sale badge and quick view in a summary block. ex: background color from black to red / shape to circle Would some one please help me ? Thank you in advance. Donald Link to comment
Solution humxahafeex Posted February 15, 2021 Solution Share Posted February 15, 2021 (edited) 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 February 15, 2021 by humxahafeex Added Summary Block classes Link to comment
Guest Posted February 15, 2021 Share Posted February 15, 2021 @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 comment
humxahafeex Posted February 15, 2021 Share Posted February 15, 2021 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 comment
Guest Posted February 15, 2021 Share Posted February 15, 2021 Thank you so much !! It works well. Donald Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment