Pictures show too small and text too large in posts

[lcmnichols]

I am using the Modern Blogger Pro theme. When I insert a picture in a post it is very small - about 300 pixels. When I try to enlarge them they get really blurry even though the quality of the picture is excellent. I think this has something to do with the fact that the theme automatically compresses the images upon upload. I've gone under settings ----> media and entered the max pixels as 1024x1024 for large size photos but I think it's defaulting to the medium size of 300x300 and I don't see any way to select if I want to use medium vs large. Also the text is very big and I can't figure out how to adjust that either.

http://gator4034.hostgator.com/~lmn927/

[nutsandbolts]

To change the size of the featured image, you'll need to look at the image sizes set in functions.php - there will likely be a number of sizes for different areas of the theme. You can adjust them in functions and use a plugin to regenerate thumbnails to make them fit the new size you've set. The font size can be adjusted in your style.css; you can use a browser tool like Firebug to find the CSS rules that need to be changed. Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[cattie]

I'm having a similar image issue, except for me it's that all the vertical images in posts are enormous. The horizontal and square ones are fine, it's just the vertical ones. I have tried using firebug (can't figure it out) and I went into functions.php and changes things a bit, but they still looked the same. This is the part I was playing with:

//* Add new image size
add_image_size( 'home-featured', 700, 400, TRUE );
add_image_size( 'widget-featured', 300, 200, TRUE );
add_image_size( 'header-featured', 640, 80, TRUE );
add_image_size( 'portfolio-featured', 300, 200, TRUE );
add_image_size( 'grid-featured', 320, 200, TRUE );

I tried making home featured 400, 400 - nothing. Tried header featured as well, but nothing happened

I obviously have no idea what I'm doing... any advice is much appreciated!

[nutsandbolts]

Hi cattie,

Once you make those changes in functions.php, you'll need to run the Regenerate Thumbnails plugin to make WordPress resize your images to the sizes in the theme. Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Susan]

To change the featured image size, as Andrea said, you will make the changes in your functions.php file.

To change the size of the images insert INTO the posts, you will make the changes in your Media Settings. Once you have done that, you will also want to make sure that when you insert an image into a post, that you select the image size you want to use from the drop down in "Attachment Display Settings" (see screenshot)

Any support questions for Modern Blogger Pro can be submitted here: (where I will answer them)

http://prettydarncute.com/submit-a-support-ticket/

Susan
Pretty Darn Cute Design Support Team

[cattie]

Hi Susan and Andrea,
I have been super busy and just now had time to try these suggestions. I changed the functions.php to
add_image_size( 'home-featured', 400, 400, TRUE );
add_image_size( 'widget-featured', 300, 200, TRUE );
add_image_size( 'header-featured', 400, 80, TRUE );
add_image_size( 'portfolio-featured', 300, 200, TRUE );
add_image_size( 'grid-featured', 320, 200, TRUE );

and I wasn't sure what you meant by "run" the Regenerate thumbnails plugin, Andrea, I had it installed already, but I clicked on edit and then save, but the images are still absurdly huge.

I do know how to set the size when placing images in posts, and these same photos looked just fine on my old theme, so that's not the problem. I will submit a ticket to prettydarncute.

Thank you both for your input!

[nutsandbolts]

Once you install the plugin, you need to go to Tools > Regenerate Thumbnails and allow it to go through each image on the site and resize them. It has a progress bar that shows you when it's finished.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[cattie]

Oh ok, thank you! I just started it.

[cattie]

Yay! It worked - on almost all images. Some of the vertical images are still huge in the posts themselves, like this one for example:

Ginger Coconut Milk Ice Cream

Not sure which line in functions.php I need to change to fix that...

[nutsandbolts]

In those situations (where you're using Add Media within the post editor to upload an image) you would need to resize it before you upload. You can also edit it in your media library to change the size.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[cattie]

Oh, I see. Thank you! I'm learning a lot here! 🙂 May I ask one more question? How do you change the size in the media library? It doesn't look like any of the items are editable (except for the file URL).

[Susan]

Dashboard > Settings > Media Settings. That is how you set your "default" image sizes.

Then, when you are ready to load media to your post, go to your Attachment Display Settings in the "Insert Media" screen (see screenshot from my first reply... here), and select what size to display in your post...

[Author]

Posts