Pictures Broke down/ to small in Woocommerce and Blog

Support
#1

Hi there,

on my site:

the pictures suddenly to small in my browser…

for example:
https://handyklingel24.de/2017/12/28/2-draht-ethernet-poe-konverter-alte-sprechanlagen-einfach-umruesten/?customize_changeset_uuid=3e82e69f-0198-4c76-b169-853846f49267&customize_autosaved=on

or on a product:

do you have an idea of the issue?
Thanks
Christian

#2

Hi There,

Most of the images became smaller because of this css.

The css says that all the images’ width will be 25%. So I think you should remove that.

If you want to set some of the images to 25% width then you should add a class to the image. In this example we gave the image a class small-image.

<img src="https://handyklingel24.de/wp-content/uploads/2018/05/xamazon-pay.png.pagespeed.ic.UM7v02LWPt.webp" class="small-image">

after that we can target the css to the images with that class, so only those images will have 25% width.

img.small-image{
    width: 25%;
}

Hope it helps. Please send as message if something is not clear. Thanks.

1 Like
#3

DAM RIGHT :slight_smile:
Thank you!!!

i have make the issue in a css for pictures on a special place.
Now i work with css class :stuck_out_tongue:

#4

You are welcome :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.