Support » Plugin: WooCommerce » Price range on chrome displaying in one line

  • Resolved zurikus

    (@zurikus)


    Could any one help me to solve the issue with product price range display on chrome.
    Price displayed in one line, so the second price is hiding behind the button and I can’t find out how to fix this behaviour.

    .product-slider .product-slide .price {
    line-height: 26px;
    text-align: center;
    float: left;
    width: 49%;
    }

    The page where the problem is http://bernusports.lv/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter zurikus

    (@zurikus)

    I’m trying to achieve that second price would be under first price, as it is on IE.

    lorro

    (@lorro)

    .product-slider .product-slide .price {
      float:none;
      display:block;
      width:100%;
      margin:auto;
    }
    .product-slider .product-slide .btn-cont {
      float: none;
      display:block;
      margin:auto;
    }
    

    Not tested on IE.

    Thread Starter zurikus

    (@zurikus)

    Hello Lorro,
    Thank you for your advice, but it is not, what I would like to get…

    That is how I would like to display price…
    That is how I would like to display price...

    That is how it is displayed now…
    That is how it is displayed now...

    • This reply was modified 4 years ago by zurikus.
    • This reply was modified 4 years ago by zurikus.
    Thread Starter zurikus

    (@zurikus)

    Hello everyone,

    This issue with incorrect price range display on chrome was solved in newest woocommerce version 3.0.0 that I applied today.

    So the issue is resolved.
    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Price range on chrome displaying in one line’ is closed to new replies.