Resize button image on image with text overlay | Broadcast Theme

Store Design
1

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
Screen Shot 2021-08-04 at 6.45.04 AM.png1351Ă—912 231 KB

2 Likes
2

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;
}
1 Like
3

@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!

1 Like
4

Thank you so much @Nick_Marketing

I added the code and it worked perfectly…