Problem with display of images (size) in widget

  • Unknown's avatar
    escapology101 · Member ·

    Hello everybody,

    I currently display 4 graphic elements in a text widget. When I set it up at my PC at home using Chrome as a browser, the sizes and everything were perfect. The display of the images was correct.

    I just checked the site via my PC at work using IE and Firefox. Here the graphics are not displayed correctly anymore: Wrong proportions in IE or too large in Firefox. The strange thing is, that here in Chrome, the images are displayed correctly.

    Could you guys check that on your computers and maybe give me a tip why this happens and what I can do about it?

    Thanks a lot!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    This is happening because you inserted the images in a post then transferred their code to the widget, but you inserted them in real size while they are too large. Each image is 138px wide, so two of them side by side exceed the width of the sidebar (which is 190px in the theme you’re using). The theme automatically tries to downsize them to make them fit into the available width, but some browsers or browser versions don’t understand that.
    Ideally you should use an image editing application to downsize them to 92px wide.* Then upload these versions via Media > Add New, copy their File URLS, and use those URLs without all the code that is created when you insert them in a post. All you need for each image (if it’s 92px wide) is this:
    <a href="PAGE URL HERE"><img src="IMAGE URL HERE" alt="DESCRIPTION HERE" /></a>

    * If you can’t do that, use this variant (with the existing image URLs):
    <a href="PAGE URL HERE"><img style="width:92px;" src="IMAGE URL HERE" alt="DESCRIPTION HERE" /></a>

    And you don’t need a table: just paste the four image codes with a space between each one and the next.

    Also, if you’d like the links to open in a new window or tab, turn these:
    <a href="PAGE URL HERE">
    to:
    <a href="PAGE URL HERE" target="_blank">

  • Unknown's avatar
    timethief · Member ·

    Why has this has been entered in the footer: “Climate Neutrally hosted by Domain Factory Germany”

  • Unknown's avatar
    escapology101 · Member ·

    @ Justpi
    Thanks mate, it’s working now. Great help by you!

    @Timethief
    Reading your comment I instantly realized what I did wrong. Domain Factory is where I registered my domain but it’s not hosted there. Sorry, my bad. I already took the button down. Didn’t know better ;)

  • Unknown's avatar
    timethief · Member ·

    You’re welcome. :)

  • The topic ‘Problem with display of images (size) in widget’ is closed to new replies.