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

[CalvinBowden]

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 

[kaalTechGeeks · Accepted solution]

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 

[CalvinBowden · Accepted solution]

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

[CalvinBowden · Accepted solution]

also the change is only on the test mug product

[kaalTechGeeks · Accepted solution]

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

[CalvinBowden · Accepted solution]

Thank you amazing.

[kaalTechGeeks · Accepted solution]

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 

[CalvinBowden · Accepted solution]

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

[CalvinBowden · Accepted solution]

also the change is only on the test mug product

[kaalTechGeeks · Accepted solution]

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

[CalvinBowden · Accepted solution]

Thank you amazing.

[kaalTechGeeks · Accepted solution]

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

[byMateo]

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