[reemalhashmi]

Yatin, the way to do this is to set a featured image from the blog post editing page. It is not randomly done, you have to choose an image yourself, this is how I do it. Go to the blog post, at the bottom you will see an option that says "set featured image" and from there you can choose an image from your Media library. Is this what you are referring to? Hope this helps.

[reemalhashmi]

Sorry about that, I got confused. My issue is not resizing the images, rather cropping them to be in the dimensions I desire. Heres what I mean, is there a way to have them cropped randomly according to the dimensions specified in my previous post for only the Home middle widget? For example, the widget is set to keep the featured images at 634 x 360 , but images that are bigger than that are displayed fully and not cropped into 634 x 360. Is there a way to have them randomly cropped into that dimension? If I manually crop the thumbnails for the post, then for the home bottom right/left, they will also be cropped if they're displayed randomly in that widget area, and I actually want them to be displayed fully.

Here's an example:

The thumbnail on the left (red image) is manually cropped to be "horizontal"-ish to fit the home-middle widget (which is 634 x 360), when displayed randomly on that home-middle widget, it looks perfectly fine. However, as with the case in the photo above, if its randomly displayed on the home-left widget area, it is cropped, when I would like it to be viewed as the original uncropped image, similar to the one beside it on the right.

What I'm asking for is, can the image be automatically and randomly cropped for the home-middle widget instead of me having to manually crop it and 'distorting' it when it appears on other widget areas? It used to do that on it's own, but somehow now it displays the entire image unless I crop the thumbnail manually. So again, it's not an issue of resizing, rather it is about cropping the thumbnail to the specified dimensions only for the home-middle widget.

Thanks in advance and sorry for my confusion!

[reemalhashmi]

Adding that I have also inserted this code snippet in my Functions.php file and still, they are not being resized:

//* Add new featured image sizes
add_image_size( 'home-middle', 634, 360, TRUE );
add_image_size( 'home-top', 634, 360, TRUE );
add_image_size( 'home-bottom-left', 266, 160, TRUE );
add_image_size( 'home-bottom-right', 266, 160, TRUE );

[reemalhashmi]

I tried the Regenerate Thumbnails plugin and that didn't help as well. There is no option to choose a size for the thumbnails. Is there a way I can make the images get resized by the dimensions of each widget that I specified in the options? I don't understand, it used to work perfectly that way.. I don't know what happened and I'm getting frustrated!

[reemalhashmi]

Yatin, I tried using your code, it corrupted my website 🙁 I can't display anything right now. Whenever I try to load it I just get a white blank page. I have a backup of the functions.php file and pasted the code from the original to the files in my ftp account but nothing is fixed.
Please help me fix this!

Edit: Nevermind, I managed to fix it!

[reemalhashmi]

The thing is, when I try a smaller canvas in Photoshop, 266x120 (which is the dimensions set for the social icons widget, it gets very blurry and fuzzy. I tried with 70 ppi, 150ppi, 300ppi and even 1000ppi, and nothing seems to fix the fuzziness. I'm at a loss at the moment.

[reemalhashmi]

Alright, I figured out what you meant by browser inspector now, haha! I finished adding all graphics to my widgets, they look great on my Mac, but when I open them on a desktop or another laptop, they look kinda off. I don't know how to explain it but it's like when there is a big/high resolution picture that's been zoomed out so the pixels look weird. Does that make sense?

Do I have to make the graphics smaller? I did them on Photoshop and the resolution was set to 300ppi...
Would I have to resize the graphic itself or just change the resolution?

[reemalhashmi]

Hi!

I finally got around to making the graphics for my widgets, and I figured out how to customise one for my social icons. Now I can't figure out how to find my widget IDs 🙁 I went through the Style.css of my Lifestyle theme and tried using "cmd-f" and couldn't find anything...

How can I find them?

Thanks!

[reemalhashmi]

At first I just blindly copied what you wrote onto my code, and that messed things up but I then added the margin bottom and padding bottom parts to their respective places (under .footer-widgets .widget {, and .footer-widgets { respectively) and it worked!! Hooray! Thank you 🙂 I know nothing about coding so this is great!

[reemalhashmi]

Yes that's what I meant! Although there is now a white rectangle under the widgets, I think it has something to do with padding/margins? I tried playing around with the values but nothing worked, I don't exactly know how to fix it.

[Author]

Posts