How do I align the '50% OFF' with the price, so that its perfectly centered?

Product Development & Sourcing
1

As you can see now, it’s not nicely centered but a little too much above it. And also, is there a way to remove the white space beneath the whole pricing to make the margins between the price and stock notification smaller?

Screenshot 2024-11-14 at 10.43.56.png
Screenshot 2024-11-14 at 10.43.56.png1064×386 27.2 KB

2

@Hi @bdvecom ,

Foladun here from the Customer Account Deluxe App team. :waving_hand:

Could you please share the store URL and password if required, so I can assist further?

Best regards,
Foladun | Customer Account Deluxe

3

https://nextwavegadgets.com/products/airturbo-portable-air-blower here you go!

1 Like
4

Hi @bdvecom ,

Try this:

  1. Go to Online Store > Themes.

  2. Click on the three dots next to your theme and select Edit Code.

  3. In the left-hand sidebar, search for base.css and open it.

    Add the following code at the end:

product-info .price.price--large.price--on-sale {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -12px;
}

Let me know if this resolves the issue!

Best regards,
Foladun | Customer Account Deluxe

1 Like
5

it worked thanks a lot man!

1 Like