How can I remove variant text from my cart page?

[jd888]

Hi

I need to remove the variant description from the cart page. It would be ideal if I could just change the text actually. 

See screenshot.

 

 

[KabirDev · Accepted solution]

@jd888 sorry, add the code to component-cart.css file.

[Moeed]

Hey @jd888 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[jd888]

https://admin.shopify.com/store/07a442

[Moeed]

Hey @jd888 

That's your Shopify admin dashboard URL, can you share the your website front end URL like (www.yourwebsite.com)

Best Regards,

Moeed

[jd888]

www.suspentune.com.au

[Moeed]

Hey @jd888 

Can you double-check the URL you shared with me because it's not showing up for me

Best Regards,
Moeed

[jd888]

Sorry. Connecting my domain now. Will get back to you

[jd888]

I have connected my domain but I have not launched the website yet.
What information do you need?

[Moeed]

Hey @jd888 

I just need the website front-end password so I can provide you a solution to fix your issue.

Best Regards,

Moeed

[jd888]

lowtwa

[Moeed]

Hey @jd888 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-option dt {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[KabirDev]

@jd888 I am not sure what theme you are using since you didn't mention that. I solved this in the default Dawn theme and the process should be similar to other themes as well. Basically you need to add this CSS code to your theme:

td.cart-item__details .product-option dt {
    display: none !important;
}

You can see the detail blog post here https://klinkode.com/quick-fix-for-a-cleaner-shopify-cart-hiding-variant-option-names/

[jd888]

Yes I am using Dawn Theme. I have tried adding that to base CSS and it did not work for me.

[jd888]

Yes I have done this but it does not seem to work for me. 
I have added the code to base css. See screenshot 1. I refreshed multiple times and still no change. See screenshot 2

 

 

[KabirDev · Accepted solution]

@jd888 sorry, add the code to component-cart.css file.

[jd888 · Accepted solution]

That worked. Thank you