Resize "Shop Now" to make it smaller

Solved
francoiscivil
Excursionist
13 1 1

I am using the Impulse Theme. How do I resize the "Shop Now" button to make it smaller?

Accepted Solutions (2)
websensepro
Shopify Partner
758 102 103

This is an accepted solution.

Find Theme.css or Style.css file and paste code on bottom

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

websensepro
Shopify Partner
758 102 103

This is an accepted solution.

If I managed to help you then, don't forget to Like it and Mark it as Solution
Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 11 (11)
Moeed
Shopify Partner
3046 760 924

Hey @francoiscivil 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
francoiscivil
Excursionist
13 1 1

site: 

https://kineticbold.com/ 

 

password:

gleusk

Moeed
Shopify Partner
3046 760 924

Hey @francoiscivil 

 

Please disable your pre-launch app

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
francoiscivil
Excursionist
13 1 1

Sounds good. It is disabled now. 

Moeed
Shopify Partner
3046 760 924

Hey @francoiscivil 

 

Can you share a screenshot of the exact Shop Now button you're talking about?

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
francoiscivil
Excursionist
13 1 1

Attached is the first "Shop Now" button. We may have to resize the text or that particular label within the theme itself. I want to make all the "Shop Now" buttons smaller throughout the entire theme. 

websensepro
Shopify Partner
758 102 103

Go to Online Store -> Themes -> Edit code.
Go to Assets folder -> Base.css file.
Add the following code at the bottom of the file above </body> tag

 

.main-content .btn {
    padding: 10px 15px 10px 15px;
    font-size: 12px;
    font-weight: 700;
}

 

Please check. and let me know.If I managed to help you then, don't forget to Like it and Mark it as Solution

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
francoiscivil
Excursionist
13 1 1

I do not see the Base.css file under the Assets folder.

websensepro
Shopify Partner
758 102 103

This is an accepted solution.

Find Theme.css or Style.css file and paste code on bottom

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
websensepro
Shopify Partner
758 102 103

This is an accepted solution.

If I managed to help you then, don't forget to Like it and Mark it as Solution
Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
francoiscivil
Excursionist
13 1 1

Thank you!