Product Variants

On my product pages how do i get rid of the title above the variant box, and also the grey border which doubles when you click on it. I also want the text to be black. Thankyou!!!

Would you mind linking to the site so that i could take a look?

ohh sorry

https://www.deepminds.world/

Hey @MIKE_LYTHGOE

Alright for the title, I assume you are referring to the small gray text that says "size"

for that you'll just want to target the .variant-option-title {display: none !important;}

and then for the selection box, youll do something along these lines:

I hope that helps!

hi! Thanks for that, the size text worked. The variant wrapper wasnt quite what i wanted though. When i click on it there is a double outline which i want to get rid off. Is there a way to do that? Screen shot attached for reference, thanks!!

please help!

On 5/18/2023 at 12:31 AM, MIKE_LYTHGOE said:

hi! Thanks for that, the size text worked. The variant wrapper wasnt quite what i wanted though. When i click on it there is a double outline which i want to get rid off. Is there a way to do that? Screen shot attached for reference, thanks!!

Can you share link to this product? We can check easier

sure, its here https://www.deepminds.world/shop/p/playboy-long-tee

On 6/13/2023 at 3:57 AM, MIKE_LYTHGOE said:

sure, its here https://www.deepminds.world/shop/p/playboy-long-tee

 

Add to Design > Custom CSS

/* variant double lines */
.pdp-layout .pdp-details .variant-option select {
    outline: none !important;
}

thankyou! worked perfectly