resize button image on image with text overlay | Broadcast Theme

[JonX]

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

[Nick_Marketing · 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;
}

[Nick_Marketing · 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;
}

[JonX]

Thank you so much @Nick_Marketing 

I added the code and it worked perfectly...

[dmwwebartisan · 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!