Remove

Store Design
, , ,

Topic summary

A user seeks help removing a variant selector dropdown label from their Shopify product page. Multiple solutions are proposed:

Initial attempts (unsuccessful):

  • Adding CSS code to section-main-product.css file
  • The code targets .product-form__input--dropdown label with display: none !important

Working solution:
Adding custom CSS through Shopify’s theme customizer:

  • Navigate to Customize > Click product template
  • Select product information section on the left
  • Scroll down to find Custom CSS option
  • Paste the CSS code: .variant-selects legend.form__label { display: none; }
  • Save changes

Key distinction: The solution requires using the theme customizer’s Custom CSS feature rather than directly editing theme files. The user confirms this approach successfully resolved the issue.

Screenshots are shared throughout showing the specific UI elements and code placement locations.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hello guys do you know who to remove this

IMG_2366.jpeg
IMG_2366.jpeg1170Ă—1036 37.9 KB

1 Like
2

Add this code in your section-main-product.css file:

.product-form__input.product-form__input--dropdown label {
  display: none !important;
}
1 Like
3

image.jpg
image.jpg3024Ă—4032 4.03 MB

Hello thanks for help me , but didn’t work :sob:

4

main-product.liquid :cross_mark:

section-main-product.css :check_mark:

1 Like
5

Yes , I post right now bud didn’t work to

image.jpg
image.jpg4032Ă—3024 3.73 MB

6

This is you website, right? https://www.behumblee.com/

7

Hi @Suco

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

variant-selects legend.form__label {
    display: none;
}

And Save.

Result:

Made4uoRibe_0-1714510562992.png
Made4uoRibe_0-1714510562992.png429Ă—416 6.7 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

8

Hi made4uo thanks for help me but I made everything you said and didn’t work

image.jpg
image.jpg4032Ă—3024 3.86 MB

9

Yes

10

Try to add in the in here.

Made4uoRibe_0-1714511355974.png
Made4uoRibe_0-1714511355974.png319Ă—367 12.6 KB

Go to Customize > Click product on the top

Made4uoRibe_1-1714511421311.png
Made4uoRibe_1-1714511421311.png453Ă—210 11 KB

Then click the prouct information on ther left there will be some buttons will come on the left > scroll down and youll find the Custom Css. Then Paste this code below.

variant-selects legend.form__label {
    display: none !important;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
11

Brother you are the goat thanks so much