Cart Design (WooCommerce)

Hi @nessayin, I hope you are doing great,

The link you just sent is a dashboard reference, which means that only logged in users can see it.

Can you please send me a public link that can be accessed without logging in so I could check out the issue

The link should be something similar to https://www.riverandcolour.co/category/product

Once you send me a product link I will try adding it to cart so I could replicate your issues

Also, can you please provide me with the screenshot just in case. You may use this website to upload it:

https://imgur.com/

I’m here to help you out once you do, have a nice day,
Andrija

Hi Andrija,

Here’s the screenshot: https://imgur.com/a/Wkda39G

And here’s the product: https://www.riverandcolour.co/product/large-giclee-print-ponui-island/

Thanks!!

Hi @nessayin

Thank you for the update, it appears that cart is crammed indeed.

Therefore I created a GitHub request so our developers could check the styling issue:

https://github.com/godaddy-wordpress/go/issues/570

In the meantime, you may add this code to your theme’s customizer to fix the appearance of your cart:

.woocommerce-cart .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: unset;
}

You may try this code as well if you need a wider cart:

.woocommerce-cart .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: unset;
width: 100%
}

Feel free to adjust the values per your needs, I hope this helps.

Have a nice day,
Andrija

Thanks Andrija! That works great.

I have a question about the product page – there’s a massive gap between the product images and the description. How can I minimise the gap?

I’ve noticed there’s a lot of top padding above the product title and the description section. Does getting rid of that fix the gap?

Hi @nessayin,

I see, as you correctly guessed removing the padding resolves the issue.

You may use this code for this purpose:

.woocommerce-tabs.wc-tabs-wrapper {
    padding-top: 0;
}

I hope this works for you, have a nice day,
Andrija

Thanks Andrija! That works a treat!

You are welcome @nessayin, it was my pleasure to assist you,

Have a wonderful day,
Andrija