Huge images in widget even with html size tag

  • Resolved msdesignfoto

    (@msdesignfoto)


    3 years, 11 months ago

    So what the title says.

    I have a site with store where my client accepts a few payment methods. And the footer has small images displaying them: credit card icons by Font Awesome (these are fine), and I added two images for payment gateways we have here in Portugal.

    It have been weeks or even months with the images displaying just fine. They have around 5x more resolution than needed, but I scaled them down to the exact size of 99×50 px to keep them nice and sharp in mobile devices. Their size is being set by html in the footer widget.

    But today I got stumbled when I saw these 2 images HUGE in the footer. They seem to be ignoring the html tag. At first I thought it was the image optimizing plugin we have, WP Compress, but I disabled it, refreshed cache and opened a new incognito tab, they still were displaying huge. I tested a few more other plugins that were updated recently, but nothing changed.

    I even went back to the staging site I’ve made a few weeks ago, updated all plugins, checked the site, and the high resolution images are being displayed just small and nice in the footer. But in the main site, they are huge and ignoring the html size tag.

    I just can’t tell now what in hell is causing this…

    For the time being, I uploaded real-size images (small) to be displayed. They have the actual size I wanted, but quality is crap. I really need to fix this.

    Any help is appreciated.

    • This topic was modified 3 years, 11 months ago by msdesignfoto.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • It seems you’ve fixed this already, as I don’t see any “huge” images in your footer.

    But today I got stumbled when I saw these 2 images HUGE in the footer. They seem to be ignoring the html tag.

    CSS has more “power” than the dimension specified in the HTML tag, so if the HTML dimension was being ignored, chances are some CSS rule was responsible.

    Thread Starter msdesignfoto

    (@msdesignfoto)

    Hello

    This is not fixed yet, as I told in the first message, I temporarily replaced the images with small resolution ones, so they don’t appear huge.

    Let me check this: in the html footer widget, I can’t place css, can I? If not, I must need to set a class for the images and then set their sizes in the Appearance > Customize CSS, is this right?

    Regards

    Thread Starter msdesignfoto

    (@msdesignfoto)

    Ok, just an update here:

    I fould the plugin causing this: WP Compress, image compression and optimization services. Since the last update, they messed a bit. Will post this on their forums.

    Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Huge images in widget even with html size tag’ is closed to new replies.