Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I want to remove black color border in all containers such as search, contact us forms, etc.
You can refer the following screenshot for more complex understanding of the problem.
Solved! Go to the solution
This is an accepted solution.
Hello @swayurindia
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
.field__input:focus {
box-shadow: none!important;
}
</style>
Let me know if need further assistance
Regards,
Artzen Technologies
Hey @swayurindia
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.field:after {
box-shadow: none !important;
border: none !important;
border-radius: unset !important;
}
.field__input:focus {
box-shadow: none !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hello @swayurindia
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
.field__input:focus {
box-shadow: none!important;
}
</style>
Let me know if need further assistance
Regards,
Artzen Technologies