Change Picture size of the blog layout mode on the front page

[kowski 0]

Is there a possibilty to change the picture size of the pictures shown on the front page of the small preview of the posted articles ? and can I change the size of the headers ? thx for your awesome help !

[catrina 103]

It's possible, but the thumbnails will remain square. You can use Firebug (http://getfirebug.com/) to find the class for the thumbnail and use CSS to change its size (i.e.

img.thumbnailclasshere {width: YOURWIDTHHEREpx;}

) Also, which headers are you referring to? The size of the post titles on the post page?

[kowski 0]

yes exactly. I want to customize the size of the post pages and the whole look of the previews of the posts on the ront page. just have a look http://nomoremindgames.de/

[catrina 103]

To change the size of post titles, you can use this CSS code:

h2.entry-title {size: 15px;}

^ Replace 15 with the size you want. For thumbnail images, this can be used:

img.attachment-thumbnail {width: #px;}

^ Replace # with the size you want. Add these pieces of code to the custom CSS area in your settings.

[kowski 0]

unfortunately this doesn't work propely, because it only changes the length of the pictures, whch looks terrible. http://imgur.com/1kHIK.png I want the preview of the posts look like this here: http://www.ignant.de/ any way to achieve this ? thanks for you absolutely awesome help !!!

[Kate 3]

Hi Jakob, If you're going with Catrina's solution, then you could just add the height attribute. So, it would then become:

img.attachment-thumbnail {width:/*width here*/;height:/*height here*/;}

On a side note: are you running the latest version of PlatformPro? I know this image issue appeared a while ago, but was fixed in a subsequent release. So, please make sure you're running the latest version as well

[kowski 0]

the other thing is. when i only change the size of the pictures the whole preview layout gets messed up and I want it to be "on one line" as it used to be. could you please help me to ajust the text to the bigger picture ? thx a lot for your awesome help !!!

[kowski 0]

and yes, I'm running the latest version. downloaded maybe 4 weeks ago.

[cmunns 16]

I think it would be best here to modify the actual HTML of template.postloop.php. Copy the template.postloop.php to your Base child theme and we'll go from there.

[kowski 0]

Shall I just copy the whole thing and paste it into the functions.php in the child theme ? thanks so much for your help !!!

[cmunns 16]

copy the whole file and put in the root of the Base theme

[kowski 0]

sorry to ask but which one of these do you mean with "root" ?: Custom Page Seitentemplate (page.base.php) Theme-Funktionen (functions.php) advanced.php (advanced.php) template.override.php (template.override.php) Stylesheets Stylesheet (style.css) base.css (base.css)

[Kate 3]

Hi Jakob, In your platformpro folder, copy the file called "template.postloop.php" to the "root" of the platformbase folder. In other words, by "root" Adam means don't put it in a subfolder of platformbase. It would go directly in the main level of the Base folder. Make sense? Once you do that, let us know, and we can help you with the rest of the code.

[kowski 0]

done. thanks for your help Kate

[dustinfaddis 0]

I echo the thanks. I'm following these steps. Kate, Catrina, Adam, are the Best!

[cmunns 16]

Okay now open the template.postloop file that you copied...and look for ` <?php the_post_thumbnail(array( 40, 40 ));?> ` change the number 40 to the pixel ratio you wnat.

[kowski 0]

just changed to "blog mode" and this doesn't work anymore. Do I need to use another file to do this ?

[dustinfaddis 0]

Thanks Again Adam, this method worked for me: http://www.5ing.us/blog High5

[catrina 103]

Jakob, what do you mean by "blog mode"? Are you referring to the blog layout mode instead of magazine mode?

[kowski 0]

yes, exactly

[kowski 0]

if i change the numbers to another number nothing happens

[Kate 3]

Hi Jakob, I may be mistaken, but in that case I believe you can just change the thumbnail size in Settings->Media (those are the WP settings). The catch is you'll have to regenerate your thumbnails. Here's a plugin that can help you instead of having to manually redo each one: http://www.viper007bond.com/wordpress-plugins/regenerate-thumbnails/

[kowski 0]

karen, this was exactly what I was searching for and yes the plugin comes in very handy thank you so much for your help !!!!!!!

[kowski 0]

just noticed a big problem. these changes in the thumbnail size apply to the gallery as well ... any way that these changes only appy to the pictures on the front page ?

[kowski 0]

done as well One last question: Is there a possibility to to manipulate the "square" which shows the different previews of the blog posts on the frontpage ? So that there is not so much text shown and the spaces between the different posts are much smaller ? any way to customize this ? thank you so much