How can I adjust the width of an image on my product page?

[guyv]

Hi!

Please can someone assist me.

I would like to change the width of an image of icons on my product page (see screenshot below). Note that it is 1 image file. The image should not go over the red dotted line.

Here is the code that I am currently using:

![product_page_icons_v3-15_copy.png?v=1650294996|901x85](upload://ooXHM4WWs0v1fzEqkZidNhxtGD.png)

Thanks!

https://electricrideco.com/products/enskate-r2-36v-450w-dual-motor-electric-skateboard

[KetanKumar]

@guyv

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.payment-icons + p + div img {
    max-width: 435px;
}

[Denishamakwana]

Please add below css in bottom of assets/theme.scss.css file

.product-single__info-wrapper img {
max-width: 97.5%;

}
Thank you.

[guyv]

@KetanKumar

Thanks for your reply. This worked for desktop view but not mobile view.

[guyv]

@Denishamakwana

Works great! Thanks a lot.

[KetanKumar]

@guyv

great thanks for update