[Rowan Henseleit1]

Hi,

I have customised my checkout item page with this

.ec-cart__products {
    font-size: 10px !important;
    color: black !important;
    letter-spacing: 1px !important;
    font-weight: bold !important;
   }

   .ec-cart__item{
    border-radius: 0px !important;
    border: 1px solid !important;
    border-top-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
    background: white !important;
   }

   .ec-cart-item__image {
    display: none;
   }

   .ec-cart-item__title {
    font-weight: bold !important;
    font-size: 12px !important;
    font-family: arial !important;
    color: white !important;
    letter-spacing: 1px !important;
    background:linear-gradient(to right, #000080, #1084d0) !important;
    top: 2px;
    left: 2px;
    right: 2px;
    margin: 0;
    padding: 0;
    line-height:22px;
    border: 1px solid !important;
    border-top-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
   }
   
   .ec-cart-item__control {
    right: 4px !important;
    bottom: 2px !important;
   }

   .ec-cart-item__control-inner svg{
    color: black !important;
    opacity: 1 !important;
    stroke-width: 12 !important;
    height: 14px !important;
    width: 14px !important;
    background: #bfbfbf !important;
    border: 1px solid !important;
    border-top-color: #dfdfdf !important;
    border-left-color: #dfdfdf !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
   }

   .ec-cart-item__price {
    left: 4px !important;
   }

However the styling is not there when I first enter the shopping cart and must click 'more info' for the styling to be shown.

I am wondering if there is a way to remove having to click more info so my styling can always be there.

I have attached images of the before and after of clicking 'more info'

Thanks,
Rowan

[Charlie H.]

Hello,

This is Charlie, Ecwid customer care.

As I understand you need to have the products in the cart always collapsed with no '2 items' drop-down button.

I've switched a setting for your account to not have this drop-down and always have the items in a collapsed state.

Let me know if this solves your issue.

[Rowan Henseleit1]

Hi Charlie,

Thank you - that has resolved the issue on the page which I screenshotted but it is still happening on these other pages, is it possible to have the same done to these pages?

I appreciate all the help!

Thanks,
Rowan

[Dexter K.]

Hello Rowan!

It's Josh from Ecwid team. Thanks for your reply and confirmation!

At the moment, it's possible to keep the products expanded on the first cart page only. I'm sorry about that!

I'll report it to our Developers team so that they would review it. Thanks for bringing our attention to the matter!

Let me know if you have any other questions.

[ArchMaple]

Originally Posted by Rowan Henseleit1

Hi Charlie,

Thank you - that has resolved the issue on the page which I screenshotted but it is still happening on these other pages, is it possible to have the same done to these pages?

I appreciate all the help!

Thanks,
Rowan

This is great advice! Very honest and practical.I really enjoyed this post.Nice post!!