Solved

resize button image on image with text overlay | Broadcast Theme

JonX
Explorer
76 6 33

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

 

Accepted Solutions (2)

Nick_Marketing
Shopify Partner
1487 336 465

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

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

dmwwebartisan
Shopify Partner
12319 2551 3711

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

Nick_Marketing
Shopify Partner
1487 336 465

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

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
JonX
Explorer
76 6 33

Thank you so much @Nick_Marketing 

I added the code and it worked perfectly...

dmwwebartisan
Shopify Partner
12319 2551 3711

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app