Remove Product Variant Titles - Prestige Theme

[emilyaugstudios]

Hello, is there anyway to remove the product variant information titles only (Size:) and (Style:) from the Prestige theme? I want the Size Guide button to remain.

I found a few other articles but the area they show to leave the code has been changed since the solutions were made.

URL: https://927103-16.myshopify.com/

Thank you! Emily

[Moeed · Accepted solution]

Hey @emilyaugstudios 

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>
.variant-picker__option-info.h-stack.justify-between.gap-2 legend {
    display: none !important;
}
.variant-picker__option.v-stack.gap-2 p {
    display: none !important;
}
</style>

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

Best Regards,
Moeed

[Moeed · Accepted solution]

Hey @emilyaugstudios 

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>
.variant-picker__option-info.h-stack.justify-between.gap-2 legend {
    display: none !important;
}
.variant-picker__option.v-stack.gap-2 p {
    display: none !important;
}
</style>

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

Best Regards,
Moeed

[Rohail_Ali_12]

Hi, 

The code is working fine on my end. Thank you so much!

[niraj_patel · Accepted solution]

Hello @emilyaugstudios 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .h-stack.gap-1 legend {
      display: none !important;
  }
  .h-stack.gap-1 p.text-subdued {
    display: none !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[heddykhalifa]

Hi Emily,

Since the theme's code might have changed, I'd recommend checking the specific section in the theme editor where those titles are displayed. Sometimes, it's as easy as hiding the labels with some custom CSS.

If you're comfortable with a bit of coding, try adding this to your theme's CSS file:

.product-single__meta .variant__label {
display: none;
}

This should remove the "Size:" and "Style:" titles without affecting the Size Guide button.

If you're unsure, it might be worth reaching out to the theme support team or a Shopify expert for a more tailored solution. Good luck with your store!