Button size on Product Page

carolbrodie
Tourist
5 0 1

No matter the size I add in width and height on the button html description of this product, the button stays the same size. 

All of this are returning the same size buttons. 

<a href="https://www.carolbrodie.com/products/athena-blue-eye-earring"><button style="border: 1px solid #3499BC; background-color: #3499bc; color: white; height: 3px; width: 3px; text-align: center; border-radius: 4px; font-family: Verdana; font-size: 8px;"></button></a>

<a href="https://www.carolbrodie.com/products/athena-white-eye-earring"><button style="border: 1px solid #CECECE; background-color: #ffffff; color: black; height: 1px; width: 1px; border-radius: 4px; font-family: Verdana; font-size: 8px;"></button></a>

<a href="https://www.carolbrodie.com/products/athena-green-eye-earring"><button style="border: 1px solid #40B086; background-color: #40b086; color: white; text-align: center; height: 0.5px; width: 0.5px; border-radius: 4px;"></button></a>

Can someone help me?

KetanKumar
Shopify Partner
22496 2279 8378

@carolbrodie 

sorry for issue but i can't see any button can you please show me 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
2366 396 512

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >styles.scss.css and paste this at the bottom of the file:

.product_section .description>div {
display: flex;
flex-wrap: wrap;
}

.product_section .description>div>a {
padding-right: 10px;
}

.product_section .description>div>a button {
width: 50px !important;
height: 50px !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
carolbrodie
Tourist
5 0 1

@Pallavi The code you sent did not fix the issue.

0 Likes