Return to previous page

How to set product badges to display on right side

This topic has 3 replies, 2 voices, and was last updated 5 months, 2 weeks ago ago by seb

seb

Participant

November 19, 2023 at 00:31

Hi,
how can I set the product badges to be aligned on right instead of left please ?

#374113 Copied Theme version: 9.2.3 WooCommerce version: 8.2.2

2 Answers
Tony Rodriguez

Support staff

November 20, 2023 at 13:57
Hello, @seb,

Thank you for contacting us and for using XStore.

Should you wish to modify the position of the Sale label from the top left to the bottom right, kindly replicate the following CSS code into the designated location: XStore >> Theme Options >> Theme Custom CSS >> Global CSS.

Subsequently, please ensure to clear your browser cache to visualize the changes. The anticipated outcome should resemble this: https://imgur.com/a/nyiVaXQ
```
.products-loop .onsale {
    left: unset !important;
    right: 10px;
    bottom: 12px;
    top: 10px;
}
```
We hope this helps.

Yours Sincerely,
8Themes Team.
#374185 Copied
seb

Participant

November 23, 2023 at 04:00

Thx

#374467 Copied
Tagged: best selling, display settings, online store customization, product badges, right-side, set up guide, woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘how to set product badges to display on right side’' has been successfully resolved, and the topic is now closed for further responses

How to set product badges to display on right side

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection