How can I resize a 'shop now' button using custom CSS?

AllisonsArchive
Tourist
4 0 1

I have a 'shop now' button on my webshop's homepage that is too small, it seems to be roughly 260x60p and I would like to increase it to 508x181p with the text scaling accordingly. Could someone please post the custom CSS to increase the size of the button? I should mention that I don't want to alter the sizing of the button on the mobile layout, only desktop. Thanks.

 

Here is the webpage with the button (the 'Shop the Archive' button): 

https://www.allisonsarchive.shop/

 

 

Replies 4 (4)

Akibhusen
Shopify Partner
715 121 147

@AllisonsArchive , Please add the below line of CSS code at the end of your base.css file.

 

@media(min-width:991px){
.banner__buttons .button{
min-width: 540px;
min-height: 180px;
font-size: 48px;
}
}

 

let me know if you face any issue

AllisonsArchive
Tourist
4 0 1

Thank you Akibhusen, this is exactly what I was looking for. 

Akibhusen
Shopify Partner
715 121 147

@AllisonsArchive , if you got the answer then you can mark this thread as an Accepted Solution

Nouraaba
Visitor
1 0 0

This didnt work for me