product hot lable

I would like to change hot label smaller, and change color to
background-color: rgba(255,255,255,0.3)
color: #ff6699;

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.labels-rounded .product-label.featured {
	min-height: 35px;
	min-width: 35px;
	background-color: rgba(255,255,255,0.3);
	color: #ff6699;
}

.product-image-summary .product-images .labels-rounded .product-label.featured {
	min-height: 45px;
	min-width: 45px;
}

Regards

Works! Thank you so much!

can i add an icon or image in label?

Attachments:

You must be logged in to view attached files.

or add Font Awesome?

Try to add the following code snippet to the Custom CSS area in Theme Settings

.labels-rounded .product-label.featured {
	font-size: 0;
}

.labels-rounded .product-label.featured:before {
	content: "\f06b";
	font-family: "fontawesome";
	font-size: 12px;
}

.product-image-summary .product-images .labels-rounded .product-label.featured:before {
	font-size: 16px;
	margin-right: -2px
}

Regards

Perfect! Thank so so so much!

You are welcome!

[Author]

Posts