How can I change the button size on my product page?

Store Design
1

I have been trying to change the size of the colorful buttons on the description of this product. But no matter the size I add in width and height on the button html description of the product, the button stays the same size.

All of this are returning the same size buttons.

A Shopify expert told me to add a code (https://community.shopify.com/c/Shopify-Design/Button-size-on-Product-Page/m-p/1247295#M323584) but it did not work and they never replied. Please can someone help?

2

First thing is that you should not have inline CSS on those buttons, but that’s a separate topic.

The reason you are unable to set new width/height is because of this

.product_section .description>div>a button {
    width: 2px!important;
    height: 2px!important;
}

with that removed, new dimensions can be set, as follows

carolbrodie.PNG
carolbrodie.PNG344×648 15.3 KB

Hope this helps

3

@Bunty I have removed it but it still does not change. Can you take a look?

4

I confirm that you have removed what I highlighted, but you haven’t changed the height width of the button, they are still 2px

Change the height and width here to the size you want. In my previous screenshot, I had shown what 100px would look like