brooklyn theme - change cart button size

Solved
Highlighted
Excursionist
150 4 20

Hi guys, 

does anyone know how to change the size, colour and font of the add to wishlist button.

I'd like it to be the same as the Add to cart button

add to wishlist.png

Thanks

0 Likes
Highlighted
Shopify Partner
224 27 47

Hello, @jtan 

Please give your store URL. to check this and provide solution.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
1 Like
Highlighted
Excursionist
150 4 20

hi @IttantaTech 

 

thetinycrate.com.au

 

Jesstan21

0 Likes
Highlighted
Shopify Partner
224 27 47

@jtan 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-text {
    background: #3f3f3f !important;
    width: 155px;
    height: 44px !important;
    font-weight: normal;
}
Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
1 Like
Highlighted
Excursionist
150 4 20

hi @IttantaTech 

thanks for replying. 

the colour and the height worked. but the width and font didnt seem to change.

any suggestions on how to change those 2 things?

 

thanks for your help

jess

0 Likes
Highlighted
Excursionist
177 44 52

This is an accepted solution.

Hi, @jtan 

Thanks for the post.
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.btn--add-to-cart{
	width: 200px !important;
}
body .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-text {
    background: #3f3f3f !important;
    width: 200px;
    height: 45px !important;
    font-weight: normal;
    font-family: Montserrat,sans-serif;
}
body span.swym-wishlist-cta {
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 13px;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
150 4 20

hi @Vikas_Chovatiya 

is there a way to increase the width of the Add to cart button.

There wasn't a way make the add to wishlist button the same size as the add to cart button

0 Likes
Highlighted
Excursionist
177 44 52

This is an accepted solution.

Hi, @jtan 

Thanks for the post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.btn--add-to-cart {
    width: 170px !important;
}



If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
150 4 20

thank you vikas

0 Likes