Enlarge the add to cart button

Explorer
31 1 2

Hi,12.png how do I increase the Add to Cart button? It should be longer:\

https://joyajewelrystore.com/collections/couple-necklaces/products/lovers-couple-half-heart-wine-bot...

 

0 Likes

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->styles.scss

.product_section .product_form{
    max-width: 100%!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Explorer
31 1 2

Hi I added this but still the button remains the way it was before.12.png

0 Likes

Okay.
Remove that and try this:

.product_section .product_form, .product_section .contact-form {
    max-width: 100%!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

As i can see after applying this it looks

c2.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Explorer
31 1 2

I am working on a theme that is inactive.

0 Likes
Explorer
31 1 2

@oscprofessional 

You're right. It works. But I add the possibility that the button will shake it changes everything.


@oscprofessional wrote:

As i can see after applying this it looks

c2.jpg


 

0 Likes

Okay.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Revert that changes will check for the best possibility for that otherwise we need to adjust other contents using css.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Explorer
31 1 2

Ok, I'd like


@oscprofessional wrote:

Revert that changes will check for the best possibility for that otherwise we need to adjust other contents using css.



e to know what you can do.

0 Likes