Return to previous page

Sale price not centered - by omthreetimes

This topic has 4 replies, 2 voices, and was last updated 6 years, 5 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress 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.