Format Drop Down Menu on Product Page Prestige Theme

[isSalon]

Running Prestige theme and wondering how to format the drop down menu to have bigger white space and background and black border like example photo.

Store:  is-salon-yaletown.myshopify.com

Example:

Current:

[CodingFifty]

Hey! @isSalon,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.ColorDropdown {
    padding: 15px !important;
    margin-left: -7px !important;
}
.ColorSwatch__Radio:checked + .ColorSwatch {
    border: 5px solid white !important;
    outline: 2px solid black !important;
}

[isSalon]

Didn’t work 😞

[Small_Task_Help]

Hi,

Hope this will help

- At theme.css.liquid, base.css, or global.scss.liquid, Add the Custom Styles

/* ===================================================
  Custom Styles for Drop-down Menu (Product Page) 
================================================== */
select {
  padding: 14px 16px; /* Bigger space inside the dropdown */
  background-color: #ffffff; /* White background */
  border: 2px solid #000000; /* Black border */
  border-radius: 4px;
  font-size: 16px;
}

select:focus {
  outline: none;
  border-color: #000000;
}

[isSalon]

This didn't work either.