Change "Sale Button" into circle

Anne_Hjorth
New Member
1 0 0

Hi, 

Could someone please help me change the "sale" button from a square into a circle, and how to change to colour in the Vantage theme? 

Thank you!

0 Likes
Mircea_Piturca
Shopify Partner
1462 39 285

Hi,

Can you show us some live link.

The "circle" is acheived by putting a border-radius:50%; CSS propriety. But I can 't tell on what selector to do that without seeing the code.

Finally—Add variant descriptions to your products
0 Likes
Suture
Shopify Expert
648 0 105

Did you mean the "sale" icon?
Try adding this to the bottom of your stylesheet.css file in the assets directory.
 

.sale-item.icn {
	background: green;
	color: #fff;
	border-radius: 20px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	padding: 0;
}

 

0 Likes
GraceGlamour
Tourist
9 0 1

Hi, I couldn't try this because my theme does not have a stylesheet in the assets directory. 

Can you help me code this out?

 

0 Likes
suyash1
Shopify Partner
1995 205 304

@GraceGlamour - your theme must have stylesheet, name might be different, please share your website link, if you do not want to make it public then you can email me if you want on given email below.

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes