Return to previous page

Sale price not centered - by omthreetimes

This topic has 4 replies, 2 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

  • Avatar: omthreetimes
    omthreetimes
    Participant
    July 9, 2018 at 14:15

    Hi, I have used the following code to center the price on single product page.

    .single-product-page .product-info .price, .single-product-page .product-info .short-description {
    float:  none;
    text-align:  center;
    display:  block;

    But if I put the item on the sale it floats to the left. And goes to the same height of AddToCart Button. How to keep the sale price fixed to the same position? Screens attached.

    Thanks

    Please, contact administrator
    for this information.
    #196370 Copied Theme version: latest WooCommerce version: latest
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2018 at 14:27

    Hello,

    Please add this custom css code:

    .single-product-page .product-info .price del, .single-product-page .product-info .price ins {
    float: none;
    text-align:  center;
    display: inline-block;
}

    Regards

    #196373 Copied
    Avatar: omthreetimes
    omthreetimes
    Participant
    July 9, 2018 at 14:37

    Thank you so much, Rose! Have a good one!

    #196374 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2018 at 14:38

    You’re welcome!

    Regards

    #196376 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.