Craft theme - Product variation drop downs

Store Design
1

Hello there!!! I’m trying to figure out how to reduce the black lines around my product variants. They are really black and I want to decrease the opacity. To make them more of a gray. I tried wishing the theme under the buttons section but that didn’t change anything. And codes I can add to my base.ccs to make them cohesive with my text boxes? I linked the URL to a product for reference. I can’t seem to get a picture to upload. Thank you so much!

URL: https://moderndayrags.com/products/howling-at-the-moon-gwm-pants

2

Hello @moderndayrags
Please use below code on assets → base.css at the bottom to change the dark black border on product variants

.field__input:focus, .select__select:focus{
box-shadow: none !important;
}

3

I couldn’t get that one to work :disappointed_face:

4

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.select:hover.select:after {
    box-shadow: 0 0 0 calc(.07rem + var(--inputs-border-width)) rgba(var(--color-foreground),50%)
}
5

That one didn’t work either :disappointed_face:

6

@Lovethonny Is there any way you can show proof that you indeed and expert Shopify designer? Thank you!

7

Hi, @moderndayrags

Sorry for that, You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.select__select:focus,.select__select:focus-visible{
box-shadow: unset !important;
}
8

@Ahsan_ANC that didn’t work either. Maybe when I get home I’ll try it on my desktop. Not sure if that would make a difference.

9

you have not added the code into base.css here plz check

https://cdn.shopify.com/s/files/1/0558/9100/1507/t/13/assets/base.css

10

@Ahsan_ANC I sent you an email