WooCommerce Price Range Styling

Support
#1

Hi,

I added some custom code to X Theme to change the price range style on my shop. http://foreverartificial.je/shop/
As you can see the dash " - " between the prices appears on the left and not centered as the prices do.

What code do I use to centre the dash as well as the prices please?

Code I used is

.woocommerce li.product .entry-header .price>.amount {
text-align: center;
display: block;
}

Thanks

#2

Hi There,

It appears to be in center. Can you please confirm if you are looking at something else.

Thanks

#3

Hi its not that part, its the prices under the product itself, see attached.
Thanks

#4

Hi There,

Thanks for the clarification!

I can see there is a custom CSS which causing the issue. Not sure if you have added this.

Please replace both the css to this.

.woocommerce .price {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 20px;
    text-align: center;
}
.woocommerce li.product .entry-header .price>.amount {
    text-align: center;
    display: inline-block;
}

Hope this helps!

#5

Hi
Yes that has fixed it
Many thanks

#6

Glad we were able to help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.