Button size width - Dawn

Solved

Button size width - Dawn

Element1
Excursionist
39 0 7

hi! could anyone help me make the button width on my image banner start where the button text begins and end where the text ends buttons?

 

https://51dmzlcv2fxmqh9a-27884224571.shopifypreview.com

 

I'm hoping to make it so it no longer starts and ends where those purple highlighted sections are and instead it begin and end directly where the "shop now" text is

Element1_0-1728044452231.png

 

Accepted Solutions (2)

websensepro
Shopify Partner
1272 144 160

This is an accepted solution.

Hi @Element1 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
#shopify-section-template--15544836554811__image_banner .button, #shopify-section-template--15544836554811__image_banner .customer button {
   min-width: unset !important;
}
</style>

websensepro_0-1728045120668.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

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

Free Shopify Beginner Tutorial

View solution in original post

ZestardTech
Shopify Partner
5833 1058 1396

This is an accepted solution.

Hello @Element1,

 

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

 

#shopify-section-template--15544836554811__image_banner .button, #shopify-section-template--15544836554811__image_banner .customer button {
min-width: unset !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

View solution in original post

Replies 5 (5)

Rahul_dhiman
Shopify Partner
599 118 118

Hello @Element1 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

#shopify-section-template--15544836554811__image_banner .button, #shopify-section-template--15544836554811__image_banner .customer button {
font-size: 24px;

result

9.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

websensepro
Shopify Partner
1272 144 160

This is an accepted solution.

Hi @Element1 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
#shopify-section-template--15544836554811__image_banner .button, #shopify-section-template--15544836554811__image_banner .customer button {
   min-width: unset !important;
}
</style>

websensepro_0-1728045120668.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

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

Free Shopify Beginner Tutorial
Element1
Excursionist
39 0 7

thank you so much!

websensepro
Shopify Partner
1272 144 160

@Element1 , glad my solution worked for you. I reviewed your store and after reviewing your store, my suggestion is to install Big Bulk Discount to boost your average order value. Our app adds tiered discounts, encouraging larger purchases and driving more revenue with minimal effort. Start increasing sales today! https://apps.shopify.com/big-bulk-discount

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

Free Shopify Beginner Tutorial

ZestardTech
Shopify Partner
5833 1058 1396

This is an accepted solution.

Hello @Element1,

 

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

 

#shopify-section-template--15544836554811__image_banner .button, #shopify-section-template--15544836554811__image_banner .customer button {
min-width: unset !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