Return to previous page

Sale price not centered - by omthreetimes

This topic has 4 replies, 2 voices, and was last updated 5 years, 9 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
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – 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.