I want to remove black color border in all containers

Solved

I want to remove black color border in all containers

swayurindia
Excursionist
144 0 9

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.

SWAYUR_ India's Online Store for Ayurveda, Groceries, & Daily Needs _ Swayur - Google Chrome 14-09-2023 12_47_06.png

Accepted Solution (1)

Artzen_tech
Shopify Partner
552 113 111

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

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
7145 1932 2354

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:

Moeed_0-1694676438563.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Artzen_tech
Shopify Partner
552 113 111

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

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify