https://www.highriseclothing.co/password is my site’s temporary landing page. I want to change the color of the input box to #0470E2 when it is selected (i.e. when text is being entered). Any ideas on how to accomplish this? Slowly learning how to code and do this all myself but this one seems to be evading my best efforts. Thanks so much as always.
Hi @doublechevron08 ,
I understand you want to change the color of the text the customer entered. Please follow the instructions below to accomplish this.
- From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
- Go to Asset folder and open the base.css file
- At very end of the code, add the code below
input#NewsletterForm--template--18935193829687__main {
color: #0470E2;
}
Hi there, Thanks for your help. I should have been more clear. I want to change the border color of the input box upon selection. Color of the actual text input can stay the same.
Instead of above code provided, please use the code below.
.banner--desktop-transparent .email-signup-banner__box--no-image div.field__input:focus {
box-shadow: 0 0 0 0.2rem #0470E2;
}
Hello
please add the below code above in theme.liquid
online store >> edit code >> theme.liquid
input#NewsletterForm--template--18935193829687__main:focus { background: #0470E2; }after added
If our solution is helpful then please like the post and tap on accepted.
Hi, i’m afraid this didn’t work .
Hello @doublechevron08
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
input#NewsletterForm--template--18935193829687__main:focus {
border: 3px solid #0470E2;
box-sizing: border-box;
box-shadow: none;
}