Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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>
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!
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;
}
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
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>
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!
thank you so much!
@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
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;
}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024