Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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!