Button size width - Dawn

Store Design
, ,
1

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
Element1_0-1728044452231.png667×154 86.5 KB

2

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
9.png767×330 218 KB

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

3

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

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!

4

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;
}
5

thank you so much!

6

@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