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

jj888
Visitor
3 0 0

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!

Untitled.png

 

Replies 12 (12)

Michael_Pink
Shopify Partner
446 77 107

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

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
jj888
Visitor
3 0 0

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

jj888
Visitor
3 0 0

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

abbashirts
Visitor
2 0 0

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
Shopify Partner
446 77 107

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;
}
My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
Emilia1234
Excursionist
26 0 3

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
Shopify Partner
446 77 107

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

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
Emilia1234
Excursionist
26 0 3

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
Shopify Partner
446 77 107

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

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
Emilia1234
Excursionist
26 0 3

blue border on clickblue border on clickScreen Shot 2020-12-15 at 8.47.09 AM.png

Michael_Pink
Shopify Partner
446 77 107

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;
}
My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
Emilia1234
Excursionist
26 0 3

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?