Change border color on product page - prestige

Store Design
,

Topic summary

A user wants to change border colors from their current state to black on two elements of a product page (shown in an attached screenshot).

Solutions Proposed:

Multiple developers offered CSS-based fixes:

  • Basic approach: Add border: 1px solid black to dropdown and input fields
  • PageFly-Noah’s method: Insert custom CSS code in theme.liquid file above the </head> tag (includes step-by-step instructions with screenshot)
  • ZestardTech’s method: Add CSS targeting .select elements to the bottom of theme.css file in the Assets folder

All solutions involve accessing the theme code editor through Shopify Admin (Online Stores > Themes > Edit code) and adding CSS rules. The discussion remains open as the original poster hasn’t confirmed which solution worked.

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

Hi there

I would like to change the border color to black from both (red marked)

Bildschirmfoto 2023-05-14 um 19.14.37.png
Bildschirmfoto 2023-05-14 um 19.14.37.png2214×1592 113 KB

2

you can add css to dropdown and input field by border: 1px solid black

3

@NomtechSolution Can you please send me the code?

4

Hi @admintb

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyNoah_0-1684287203800.png
PageFlyNoah_0-1684287203800.png1443×937 62.4 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset → theme.css and paste this at the bottom of the file:
.select {
    border: 1px solid #000;
}

ZestardTech_0-1684298968000.png
ZestardTech_0-1684298968000.png1772×717 52.8 KB

1 Like