resize button image on image with text overlay | Broadcast Theme

Solved
JonX
Explorer
69 6 30

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

Screen Shot 2021-08-04 at 6.45.04 AM.png

 

Nick_Marketing
Shopify Partner
573 136 162

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

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
dmwwebartisan
Shopify Partner
8355 1963 2642

This is an accepted solution.

@JonX 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
JonX
Explorer
69 6 30

Thank you so much @Nick_Marketing 

I added the code and it worked perfectly...

0 Likes