Button size width - Dawn

[Element1]

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

[websensepro · 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>

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!

[Rahul_dhiman]

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

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

[websensepro · 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>

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!

[Element1]

thank you so much!

[websensepro]

@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

[ZestardTech · 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;
}