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

Technical Q&A
1

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

2

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

1 Like
3

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

1 Like
4

also the change is only on the test mug product

1 Like
5

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 has clicked on it.
Thanks

1 Like
6

Thank you amazing.

1 Like
7

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

1 Like
8

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