New Landing › How can we help? › Atelier › Price overlapping

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Atelier
  • November 26, 2015 at 4:14 am #231415
    teddyden
    Member
    Post count: 195

    Hello,

    The product price is overlapping in products element when products are on sale. How can I fix this issue?

    Attachments:
    You must be logged in to view attached files.
    November 26, 2015 at 9:17 am #231441
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce ul.products li.product .price del {
    line-height: 20px !important;
}

    Thanks
    Mohammad

    November 26, 2015 at 6:00 pm #231613
    teddyden
    Member
    Post count: 195

    Hi Mohammad,

    I pasted that and cleared cache,but it did not fix it.

    November 26, 2015 at 6:02 pm #231614
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Just provide me specific page url with issue.
    Thanks
    Mohammad

    November 26, 2015 at 6:11 pm #231618
    teddyden
    Member
    Post count: 195
    This reply has been marked as private.
    November 26, 2015 at 6:15 pm #231622
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to use this code.

    .woocommerce ul.products li.product .price del {
    
    line-height: 26px !important;
}

    Thanks
    Mohammad

    November 26, 2015 at 7:11 pm #231635
    teddyden
    Member
    Post count: 195

    Still not working.

    November 26, 2015 at 7:13 pm #231638
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Please add this:

    .woocommerce ul.products li.product .price del {
    display: inline-block;
}

    Thanks.

    November 26, 2015 at 7:23 pm #231642
    teddyden
    Member
    Post count: 195
    This reply has been marked as private.
    November 27, 2015 at 9:34 am #231732
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You have missed one brace after given below code at Admin -> Theme Options -> Custom CSS ->. That is cause to issue of code failure. After correcting this, price code will work perfectly :-

    .woocommerce .products .product {
    position: relative!important;
    left: auto!important;
    top: auto!important;
    float: left!important;
    opacity: 1;

    Thanks
    Mohammad

    Thanks
    Mohammad

    November 27, 2015 at 12:59 pm #231802
    teddyden
    Member
    Post count: 195
    This reply has been marked as private.
    November 27, 2015 at 1:04 pm #231805
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try moving it to the top of your custom css

    – Kyle

    November 27, 2015 at 1:12 pm #231809
    teddyden
    Member
    Post count: 195

    That worked. Thanks!

    November 27, 2015 at 1:16 pm #231810
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

  • Back to forum
    Posted in: Atelier
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register