Image (Jetpack) Widget Resizing Photos?

(Apologies, hit enter and it posted)

So, thirdly I took all three images, slapped the together to form one image, with the ideal spacing and sizing, and I uploaded that one image into one sole Image (Jetpack) Widget, and now it makes the one image super small rather than filling up the available real estate as I would like. (I deleted the other, now not necessary widgets)

Notice the size, it’s a good size and I would like wordpress to downsize it if needed, but I would like it to be as big as it could be (to it’s real size) on the page.

Here is how it actually turns out…

Again, accidentally hit enter and accidentally submitted..

Anyone know how I could achieve this? (I am a wordpress noobie if you couldn’t tell)

Thanks,

Hi there! I’d be happy to help. Could you post your site URL here, so I can have a look?

If you want it to remain private, you can contact us using the form here:
https://jetpack.com/contact-support/

Please make sure to include a link to this thread in your message. Thanks!

Hey, my site url is https://islandarchery.com/ and it’s in the full width footer widget towards the bottom of the page

Could you go to Appearance > Widgets in your dashboard, and make sure the image width and height settings are correct and match the image size?

Let me know what you find!

Yes, the widget is set to display the image at the full size the image is, but on the actual site, the image is shrunk down to where it is barely readable.

For some reason the width appears to be limited to 312px. Could you let me know what the width setting is set to under Appearance > Widgets?

Hey Again,

The width in pixels is set to 1232, and the height in pixels is set to 301. (The auto filled values, as I left blank for it to determine the size on its own, and I have entered the actual dimensions in manually, with no difference.

hm, this is odd.

Could you try to add the following to your theme’s functions.php, and let me know if it helps?

function jetpackcom_custom_gallery_content_width(){
    return 1232;
}
add_filter( 'gallery_widget_content_width', 'jetpackcom_custom_gallery_content_width' );

I used code snippets to add that code, and it changed nothing.

What’s even weirder is if I right click the picture, and click open in new tab it opens up as a 685 x 167 photo.

Thanks for giving it a try! Could you go to Jetpack > Settings > Writing in your dashboard, disable the “Speed up images and photos” option, and let me know if it changes anything?

Thanks!

Disabled it, no changes.

Oh, I see. It looks like your theme limits the width of each widget area in your footer. There are 3 different areas in that footer, and each area can’t be wider than 30% of the whole width:
https://i.wpne.ws/kNau

That width restriction is not the same for all widget types, though. The theme also forces text widgets to take the whole 100%:
https://i.wpne.ws/kORV

I would consequently recommend that you apply the same CSS override to image widgets as well, by adding the following to your theme stylesheet, or to your custom CSS editor available under Appearance > Customize > Additional CSS in your dashboard:

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

I hope this helps.

That worked!

Thanks a lot!

Very Appreciative of the great support!