How Do I Change Button's Border Colour When Clicked? - Brooklyn Theme

[jj888]

Hi, I cant seem to find the setting to change the border colour when any button is clicked. Please see attached a screenshot taken when I clicked on Update Cart.

The blue only shows when I click on the button though and I would like to change the colour (when clicked) from blue to black.

Please help!

[Michael_Pink]

Please attach with your store url, page url and password if your store has password

[jj888]

Yes of course thank you! https://rb.gy/zueqdh

[jj888]

Yes of course thank you! https://rb.gy/zueqdh

[abbashirts]

Could you please tell me how to have the image change when color is selected or when pic is clicked the color changes?

[Michael_Pink]

Hi @jj888 
you can follow this path:

Themes => edit code => asset => theme.scss.liquid

and add this code to bottom of the file theme.scss.liquid

.product-single__add-to-cart button{
outline-color: #000;
}

[Emilia1234]

Hi.  I am having the same issue with the search icon, checkout button and several shipping selections buttons in checkout. Is there a code to get rid of the blue border?

[Michael_Pink]

Hi @Emilia1234 
Please share your store page url.
I can check and give you a solution.

[Emilia1234]

Hi Michael,

Thank you!  Here is the URL.  You will see when you click on the gallery photos they highlight in blue border when clicked on.  I would like to remove the blue border.  Also having same issue in the checkout pages when buyer selects shipping method and few other places in the website.

URL: https://www.emiliairis.com/.  Password bowsandpearls 

[Michael_Pink]

Hi @Emilia1234 
So sorry.
I didn't see the problem on your page.
can you give me some screenshot of it.
Thank you.

[Emilia1234]

blue border on click

[Michael_Pink]

HI @Emilia1234 
You can try follow this path:
Themes => edit code => asset => theme.css.liquid
and add this code to bottom of the file theme.css.liquid

input,
.image-bar__content {
	outline: none!important;
}

[Emilia1234]

Thank you Michael.  That works to take the blue border out but now it doesn't highlight the section at all.  I guess I should have been more specific.  Is it possible to still keep the border highlighted when pressing on that section but replace blue with white border or any other color I may want?