Shopify themes, liquid, logos, and UX
Hello,
I wish to resize the button-image on the image with text overlay below :
My URL : https://www.ambigoose.com/products/respect-water-cleanser
Thank you
Jon
Solved! Go to the solution
This is an accepted solution.
Opt 1. You could try changing the size of the png image with an image editor and then re-uploading it to your theme.
https://cdn.shopify.com/s/files/1/0504/7123/9879/files/P1_-_Text_Button_180x.png?v=1625477787
Opt 2: You could try resizing with css. Go to theme.css and add this snippet to the bottom.
.hero__content .button-image img {
width: 40% !important;
height: auto !important;
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.hero__content a.button-image img {
width: 35% !important;
}
Hope this works.
Thanks!
This is an accepted solution.
Opt 1. You could try changing the size of the png image with an image editor and then re-uploading it to your theme.
https://cdn.shopify.com/s/files/1/0504/7123/9879/files/P1_-_Text_Button_180x.png?v=1625477787
Opt 2: You could try resizing with css. Go to theme.css and add this snippet to the bottom.
.hero__content .button-image img {
width: 40% !important;
height: auto !important;
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.hero__content a.button-image img {
width: 35% !important;
}
Hope this works.
Thanks!
User | RANK |
---|---|
143 | |
109 | |
79 | |
62 | |
59 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023