Border for buttons

Store Design
, ,
1

Hi team!

Does anyone know how to make my buttons have borders? My theme doesn’t have the option to edit the borders so my buttons have to be a block colour! Would be good to make the buttons the same colour as my background but with a border that shows they’re buttons!

Thanks so much!

1 Like
2

Hi @charhill

kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

3

www.agalia.co.uk :slightly_smiling_face:

4

Hi @charhill

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.flex-grid__item--product_4hRAqF .btn {
    
    border: 2px solid black !important;
}
a.btn {
    color: black;
    background-color: #F6F4F2;
    border: 2px solid black !important;
}

.btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded {
    color: black !important;
    background-color: #F6F4F2 !important;
    border: 1px solid black !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

5

Hi @charhill

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.flex-grid__item--product_4hRAqF .btn {
    
    border: 1px solid black !important;
}
a.btn {
    color: black;
    background-color: #F6F4F2;
    border: 1px solid black !important;
}

.btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded {
    color: black !important;
    background-color: #F6F4F2 !important;
    border: 1px solid black !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

1 Like
6

Hi @charhill

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!