• Resolved noahhayling

    (@noahhayling)


    Hey, so I have a Footer with a text widget, and I want to display 3 images below the text. For this I originally set up three Image (Jetpack) widgets and uploaded the images to the media section, and copied the links and put them in the URL boxes of the respective Widgets. That didn’t work.

    Images weren’t the same size, so I took the images (two are based on the same ‘badge’) and made sure they were the same size, and sized the third to match the height of the first two. Thinking this would make them play nice in the footer. Also incorrect.

Viewing 7 replies - 16 through 22 (of 22 total)
  • Thread Starter noahhayling

    (@noahhayling)

    Okay, it worked, and it was working well for a while. Just came to my attention that it has reverted back to being too small. Not sure why. Any suggestions?

    How did you implement the code sent by Jeremy? Did you add it directly to a file or did you use the Additional CSS in the customizer?

    If added directly into a file, it’s likely that a theme update has reverted the changes. Can you try adding the code once more but this time via the customizer?

    Thread Starter noahhayling

    (@noahhayling)

    I added it via the customizer, and the code is still there. I did recently add the YoastSEO plug in, and shortly after I noticed it was messed up again. I also uninstalled the plug in, and it was still unchanged.

    It looks like the class used for the image widget has changed, this is because in WordPress 4.8 – a core image widget was introduced, Jetpack has since depreciated it’s image widget and migrated our widgets to the one provided by core.

    As the class has changed, you’ll need to update the code.

    @media screen and (min-width: 768px) {
        .site-content .full-width-widget-area .widget widget_media_image {
            flex-basis: 100%;
        }
    }
    Thread Starter noahhayling

    (@noahhayling)

    Thanks for the response!

    Unfortunately, I updated it and nothing changed. I even gave it about 15 minutes to update. No change. :/

    Hi @noahhayling,

    Could you try again once more with the below snippet:

    @media screen and (min-width: 768px) {
    .site-content .full-width-widget-area .widget {
    flex-basis: 100%;
    }
    }

    Thread Starter noahhayling

    (@noahhayling)

    Thanks, That worked!

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Image (Jetpack) Widget Resizing Photos?’ is closed to new replies.