Product name / price width issue (desktop)

  • Resolved A Z

    (@ahmedzeidan)


    2 years, 3 months ago

    Hi there,

    The order review table -> product name and price area, has the with set to 50% for each column which I think should be 70% – %30 as the title is squeezed and the price area has more empty space.

    How can I change that in CSS for the desktop version only? the mobile version is showing correctly.

    https://prnt.sc/_M4gkkoqCCkO

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Shravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @ahmedzeidan ,

    Greetings of the day! Thanks for writing us.

    I would like to inform you that this is our known issue, and our developers are working on it. Hopefully, the issue will get resolved in future updates. The issue is with the shipping label. when we have a bit lengthy label, it takes up extra space and hence causes the other cells in the column to take more space.

    Can you please try adding the following CSS in the Additional CSS section:

    .wcf-embed-checkout-form table.shop_table .woocommerce-shipping-methods li label
{
    white-space: break-spaces;
}

    I hope this solves your issue. Looking forward to hearing from you.

    Thread Starter A Z

    (@ahmedzeidan)

    hi @bhshravankumar

    Thanks for your quick reply, the CSS to break the space in the shipping area resolved the issue for the product name however it made the shipping label shrink in a tight space which is a good solution for the time being until a new update comes up to separate the column width between each row (product title/shipping).

    Thanks a lot for the great work here, CartFlows is leading and is the best.

    Plugin Support Shravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @ahmedzeidan,

    Thanks for writing back. Glad to hear that it resolved the issue.

    We will surely fix this bug in future updates related to the shipping label.

    Have a great day ahead!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Product name / price width issue (desktop)’ is closed to new replies.