Button center and bigger width.

Solved
Highlighted
New Member
6 0 0

Hi! I need a little bit of help with a button from a image with text section from the Debut theme. I need to make the button wider and centered. I have no problem working with code, i just need the instructions!:)

0 Likes
Highlighted

Hello.....
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Highlighted

Hello,
Your site is password protected. Please share your store password.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

Sorry! The password is black

 

0 Likes
Highlighted

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (min-width: 750px){
#shopify-section-1604647036124cc370 .feature-row .btn {
    display: block;
    margin-left: 20%;
    margin-right: 20%;
}
}
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

Thank you! Looks perfect on desktop! It's there any way to make it look good also on mobile?

0 Likes
Highlighted

This is an accepted solution.

Replace above code with

#shopify-section-1604647036124cc370 .feature-row .btn {
    display: block;
    margin-left: 20%;
    margin-right: 20%;
}
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

Thank you so much! If i want to do the same thing for another button but in the same format how can i get the #shopify-section?

0 Likes
Highlighted
New Member
6 0 0

Oh found out! Pressed inspect and it showed! 

0 Likes