Hide variant name on product page in Symmetry

[JC113]

Hi all,

can anybody help me with hiding the option name (in variants) while still displaying the options’s values on the product page?

I’m using the Symmetry theme and found solutions for other themes which are not applicable, for example here:

https://community.shopify.com/c/shopify-design/hide-option-name-on-product-page-craft-theme/m-p/1816584

Thanks in advance!

[Spac-es]

The code from the other post you’ve linked should work for you.

Can you share the URL of your page?

The class name might be different in your Symmetry theme.

[JC113]

Hi and thanks, our URL is https://casa-amao.com/

Would be great to know the calls in symmetry and if it turns out to be an easy fix!

[JC113]

PS: the product in question is this https://casa-amao.com/products/hangelampe-globo-mini-aus-holz-und-leinen-schwarz-beige

[Spac-es]

Add this code in your styles.css file:

.opposing-items legend {
  display: none !important;
}

Result:

[JC113]

Thank you so much!