Column width
-
Hi,
in the order details section, I’d like to expand the “product” column and reduce the “price” column to the right. How can I do this?
Thanks
Giusy P.
-
Hi @visureclic ,
Thanks for coming.
Let me check and determine the CSS for you, I will get back to you as soon as possible.
Regards.
Hi @visureclic,
Thanks for your patience. Please try using the following custom CSS to achieve your goal..yaymail_element_head_order_details .yaymail_item_product_title, .yaymail_element_body_order_details .yaymail_item_product_content { width: 65% !important; min-width: 65% !important; } .yaymail_element_head_order_details .yaymail_item_price_title, .yaymail_element_body_order_details .yaymail_item_price_content { width: 20% !important; max-width: 20% !important; } .yaymail_element_head_order_details .yaymail_item_quantity_title, .yaymail_element_body_order_details .yaymail_item_quantity_content { width: 15% !important; max-width: 15% !important; }
I’ll try.
Thanks!
Giusy P.
Hi @visureclic,
Sure, please let us know if it works as expected.
Many thanks!
MiaHi,
the change works!
However, the problem is that the column to the right of Subtotal, Payment Method, and Shipping becomes small. How can I set the width of that column?
I should also note that the commands in the guide for deleting rows don’t work. For example, .yaymail_item_subtotal_title_row { display: none !important; } doesn’t work.
Thanks
Hello,
Thanks for your feedback.The column to the right of Subtotal, Payment Method, and Shipping follows the width of the Price column. So you just need to make the Price column a bit wider. Since this layout is built using a table, adjusting one column will affect the others.
Regarding.yaymail_item_subtotal_title_row { display: none !important; }not working, it’s because the correct class is not being targeted.
For example, please try using:.yaymail-order-detail-row-cart_subtotal th{ display: none !important; }
For the Subtotal row, I tried what you wrote, but the price remains. The entire row doesn’t delete. Same problem for Shipping: Free Shipping remains.
As for the Price column, the YayMail guide doesn’t provide instructions on how to expand it.
Thanks for assistance.
Hi @visureclic ,
Sorry, but can you be more specific about what you want? You want to delete or expand?
Thank youHi,
I want to delete the “Shipping” row and keep the “Payment Method” row visible.
As a result:
– for the “Shipping” row, I’d like to know how to delete it
– for the “Payment Method” row, I’d like to know how to resize the columns so that the “Direct Bank” column is wider.
Thanks a lot.
Giusy P.
hI,
CAN YOU GIVE ME AN EMAIL TO SEND THE SCREENSHOT?
THANKS
GIUSY P.
Hi @visureclic ,
In that case, you can continue sorting the custom work via our tech support channel:
yaycommerce.com/support
Regards.
Hi @visureclic,
Since we have completed your requests through email; we would like to close this topic as resolved.
Please get back to us anytime if you need help.
Thank you!
You must be logged in to reply to this topic.