Remove Border Color around Search and Other Submission Boxes on Website

relledge98
New Member
7 0 0

Hey! I have the Testament theme on Shopify and cannot get rid of the dotted lines that appear when you click to begin typing into the "search" box or any boxes on the website that you type into. See photos below. Please Help! I want it the dotted lines to be gone. Screen Shot 2020-08-09 at 4.49.00 PM.pngScreen Shot 2020-08-09 at 4.48.50 PM.png

0 Likes
Guleria
Shopify Partner
1308 269 363

Hello,

Edit stylesheet.css under assets and remove this code

:focus, .focus-visible {
  outline: #000000 dotted 1px !important;
  outline-offset: -1px !important;
}

 As I check in source code it's in last of file.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
relledge98
New Member
7 0 0

Thank you so much!! It worked

0 Likes
Seiglam
New Member
5 0 0

Hi, could you please give me a hand?
I have the same problem but in the latest version of Testament 7.5.3 this code does not appear:

:focus, .focus-visible { outline: #000000 dotted 1px !important; outline-offset: -1px !important; }

 within stylesheet.css.

Thank you in advance

0 Likes
Guleria
Shopify Partner
1308 269 363

Hello @Seiglam ,

Yes sure I can help you. 
Please share the store url so I can check.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
Seiglam
New Member
5 0 0

I thank you, the store is not published yet however I was able to find the stylesheet.css section and make the change.
Thanks for the availability

0 Likes