Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025