okay, thanks Basilis. access info in private section.

any ideas on this yet?

how can i “position: absolute;” something at the far right of the sidebar without its padding & overflow:hidden cutting it off?
z-index isn’t working.

thanks.

FYI for future reference (in case anybody ever needs this info)…

the answer to this is solved, but cross-posted @ https://kriesi.at/support/topic/blog-page-corruption

hmmm, i wonder if we’re miscommunicating with each other, because now I’M confused.

firstly, i don’t want to have to use a whole plugin just to change this one image size. i’ve seen reference to the plugin you mention around on this forum, and i looked in to it, but it hasn’t been updated in a while & wordpress gives a warning about that. besides, the screenshots of it look very confusing.

so, i’ll try to re-explain what we’re trying to accomplish…

on pages with sidebars, and only there, i have placed the Enfold Child Theme Latest News: Featured News widget.

by default, when rendered on page, this gives the feature image thumbnail at a very tiny size, floated left, with the title & date to its right.

we want instead for this to have a large image (as large as will fit within the padding of the sidebar), not floated, & the title & date below it.

i’ve changed the css to make it look like this, but as you know, the actual image size is not changing with that, thus it being blurry.

SO, how can i change this one particular image size?

note, the php code i ‘had’ in the functions.php (mentioned above) DID work for changing this image size correctly; but the bad side-affect was that it also changed the wp-admin thumbnails.

i do NOT want any of the wp-admin pages to change.
i do NOT want to change the feature image single latest blog post on the homepage either (i only mention this because it also uses the feature image of the latest blog post, but not from the widget, from the page editor).

does that make more sense?
thanks.

any ideas? have i stumped ya? ;-)

if i haven’t heard back by tonight, for the weekend, i’m gonna need to put it back the way i had it & just live with the exploded thumbs in the admin area until you can help me fix this. having the blurred thumb on there just doesn’t look good & the owner is concerned about that. so hopefully you know what to do & can get back to me asap.

thanks.

hi Ismael,

apologies, but i’m not following you on this one yet…

by resetting the widget thumbnail size, i assume you mean to take the custom code out of the functions.php file, & remove my custom css. doing this puts the sidebar widget back to its default tiny thumbnail.
i used the plugin & regenerated the thumbnails.

now, the only place i could find this “Preview Image Size” option was in the News Page > Blog block settings (which displays all news posts excerpts & thumbs nicely), and in the Home Page > Blog block settings (which displays only 1 latest post thumb & title). so i changed it in both places to be 300×300 (as there’s no 225×225 option; i figure i can shrink it in css).

i saved this but it did not make any changes anywhere in the site that i could see.
– the sidebar theme-child latest news widget is still teeny-tiny on pages with the sidebar,
– the homepage feature img thankfully that did not change, i have it set for 225×225.

in your message you said that here i’d “be able to select a different thumb size, one that would not affect the widget thumbnail“… BUT, the widget thumb is exactly what i WANT to affect. i’m just trying to make that tiny tiny tiny thumb in the sidebar widgets big, without it affecting OTHER areas of the site (like what i put in the screenshot, how the code changed it but also changed the admin posts page too).

i noticed too, when looking at the source code of the rendered page, the sidebar thumb img tag has all these other “srcset” images in it. what is that all about? why isn’t it just the one size i want it to be?

<img width="36" height="36" 
src="http://thisonesforthegirlsthemusical.com/wp-content/uploads/2017/09/review-image1-36x36.jpg" class="attachment-widget size-widget wp-post-image" alt="" srcset="
http://thisonesforthegirlsthemusical.com/wp-content/uploads/2017/09/review-image1-36x36.jpg 36w, 
http://thisonesforthegirlsthemusical.com/wp-content/uploads/2017/09/review-image1-80x80.jpg 80w, 
http://thisonesforthegirlsthemusical.com/wp-content/uploads/2017/09/review-image1-180x180.jpg 180w, 
http://thisonesforthegirlsthemusical.com/wp-content/uploads/2017/09/review-image1-120x120.jpg 120w, 
http://thisonesforthegirlsthemusical.com/wp-content/uploads/2017/09/review-image1.jpg 225w" 
sizes="(max-width: 36px) 100vw, 36px">

thanks for your time & assistance!

hi Ismael,
thanks for your reply! apologies for my delay.

i looked in the “Theme Options > Theme Options > And where do you want to display the Blog?” and it was NOT set to my news page. i’m pretty sure i had set it to be so, but i could be wrong (or perhaps i did for the first attempt & forgot for this second). so i just set that & saved.

then i went to the “Theme Options > Blog Layout > Blog Layout” and it is set to the 2nd option (Single Author, small preview pic). i changed it to the 5th options (Use advanced layout editor) per your suggestion, saved, and refreshed the news page & the layout was reset, not how we wanted with the small thumbnails on the side.

then the “duh” moment hit me – i went in to edit the news page, clicked on the blog block to get to ITS settings, & changed the “Blog Style” there to the “Single Author, small pic” option and VIOLA! the blog style is back AND our text above it is now showing.

success.
thank you for your help.
that wasn’t very intuitive – hopefully the developers might consider looking in to that process a bit more in the future.
much appreciate the quick support tho!
✌🏼

thought i’d followup with an annotated screenshot…

so, to sum up my questions (#1 being the most important):

1) how can i fix the unexpected resulting consequence in the wp-admin > Posts page that occurred from using the provided code to modify our “latest news widget” display in the sidebars?

2) is there a way to have all the extra image sizes that auto-generate upon upload to only occur if & when needed?

3) i saw code (in this post) that would supposedly stop the generation of unneeded images, BUT, how can i know which ones to safely stop & delete?

thanks.