Hi I am adding a text input box to my product page with a custom Theme template called main custom product liquid in sections every thing works fine all I would like to do is change the color of the border of the input field box thanks hope someone can help cheers. Calvin Bowden

Hi @CalvinBowden , can you please share the URL so that I can actually review the problem and share the exact codes that would solve the issue

ok I am still designing the website but here is the url …

Hi @CalvinBowden , Just add the below code at the bottom of the base.css file in the shopify theme code editor input#custom-name { box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground)); } And this will give the border the same color it takes when someone ha…

Hey @CalvinBowden , I am glad that my solution worked for you Please do like my solutions as this motivates to help others in the community. Also I see that you are still working on the website you can take my expertise in improving your website. Thanks & Regards KaalTechGeeks

hey there! my shipping on my product apge is all white and cannot change it to black. where is this code located?

Custom input text box for product page border is white so it is the same as the background

Technical Q&A

CalvinBowden November 30, 2022, 5:15pm 4

also the change is only on the test mug product

Topic		Replies	Views
Change border color on product page - prestige Store Design design , css	4	30	May 17, 2023
How to change color of text input border when input box is active Store Design design , customizations , css	7	109	May 4, 2023
Add border to input field in product page Store Design design	5	21	June 10, 2023
Craft theme - Product variation drop downs Store Design	9	50	August 7, 2022
How to remove border of Dawn in login page Store Design design , customizations , css	3	35	October 5, 2024

Custom input text box for product page border is white so it is the same as the background

Related topics