Hey,
I migrated to a new theme called Ella, and my line items are being cut off in my shopping cart. It’s specifically the line items for the App " Bold Product Options". You can see in my screenshot where the characters are being cut off at the first arrow and on the second arrow the characters not even displaying. Can someone assist me with making the margins wider in the cart or be able to move items with several characters to a new line. I contacted the Bold Product Options app developer for support, but they said it was a theme issue and directed me to get help from the Theme developer or Shopify support.
Hi @PowrUpGaming ,
Thank you for reaching out to the Shopify Community!
Please share your store URL here so that we can check and provide a solution to you.
Thanks & Regards,
Ahsan ANC
You can try this code
- Go to Online Store-> Theme->Edit code
- Asset-> base.css ->paste the below code at the bottom of the file.
.cart-item-block.cart-item-info{
padding-left: 4px;
}
.cart-item-properties .product-option .definitionList-key {
width: 50%;
}
.cart-item-block, .cart-item-block.cart-item-price, .cart-item-block.cart-item-quantity {
width: 124px;
}
.cart-item-block.cart-item-info{
width: calc(100% - 425px);
}
Thank you for the quick help!
Hey @Ahsan_ANC ,
So I noticed this one product line item is cut off shown below even after the code I copied. What lines on the new code will I need to modify to widen the margins on my line items?
