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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025