Move labels bottom

Hi! Is there anyway to move one of the labels at the bottom of the product image as in this image where at the bottom is written “Exclusive Online”?

Attachments:

You must be logged in to view attached files.

Hi mobilalonamad,

Thanks for reaching to us and appreciate your patience.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

Hereby there is attached

Hi mobilalonamad,

Please add class to widget https://prnt.sc/Vpqv9Ut5tCbX, for e.g: exclu-products

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.exclu-products .product-labels.labels-rectangular{
	bottom: 30px;
}

Regards,

Good morning!

I tried, but it didn’t work, please see attached!

Attachments:

You must be logged in to view attached files.

Hi mobilalonamad,

The original screenshot is different from your site.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

The first screenshot is from a website that I like, and I wanted to have those labels like them.

Hi mobilalonamad,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.product-grid-item .product-labels{
	bottom: 5px;
	top: auto;
}

Regards,

Hi! Added, but still not like their page. It moved completely all the labels, not only “Free shipping”. And it’s still small, not showing on full row.

Kind regards,
Dan

Attachments:

You must be logged in to view attached files.

This is what I found in their line of code, maybe it helps.

Hi mobilalonamad,

Please remove above code and add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for desktop:

.product-grid-item .product-labels{
	position: static;
}

.product-grid-item .product-labels .product-label{
	position: absolute;
}

.product-grid-item .product-labels .product-label.featured{
	bottom: 0;
	min-width: 100% !important;
}

Regards,

Many thanks!

Hi mobilalonamad,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts