How to shrink the buy button and add text?

How to shrink the buy button and add text?

Daniil_P13
Excursionist
47 0 11

How to shrink the buy button and add text?

Daniil_P13_0-1737587014228.png

 

https://alpadadoors.com/

 

DP
Replies 2 (2)

mageplaza-cs
Shopify Partner
319 22 54

Hi @Daniil_P13,

I am from Mageplaza - Shopify solution expert.

 

 

To meet your requirements, you will need to customize the HTML and CSS of the product section. Could you please provide us with the file that controls the product section and the URL of a page that contains this section?

Best regards. 

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

LizHoang
Shopify Partner
901 108 138

Hi Daniil_P13


1. Button
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

 

 

button.button.button--outline.w-full.tpo_add-to-cart {
    width: 50% !important;
}

 

 

Result: 

LizHoang_0-1737617567680.png

 

- Quantity: Please contact the theme developer to rearrange the code position in the theme code.

 

Best,
LizHoang

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program