Jump to content


Photo

Change the Size of Blog Posts Featured Image


Best Answer Danny , 20 May 2013 - 07:23 AM

Hi Flipstar,

 

To position the Feature image below the metabar and have your posts content below the image, would require you to change the size of your thumbnails in Wordpress Admin Dashboard > Settings > Media

 

You will also need to use considerable custom CSS to reposition the image below the posts content. However, in doing so you may encounter issues with the responsive layout, if you have chose to use the responsive option, which would require even more CSS.

 

The best course of action would be to inspect your posts image, content using either Firebug or your browsers built-in web dev tools and play around with the CSS.

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 flipstar

flipstar

    Newbie

  • Members
  • Pip
  • 7 posts
  • Country: Country Flag

Posted 19 May 2013 - 11:28 PM

hi all,

 

i want to customize the blog post layout but cant figure out how exactly to do. i hope you can lead me in the right direction. 

 

my goal is to make a full width post style looking like this:

 

________________

|POST TITLE..........|

-------------------------

|METABAR.............|

-------------------------

|FEATURED IMAGE|

-------------------------

 

i changed the settings as far as possible but dont get the results im looking for. at the moment it looks like this:

 

_____

|IMG...|

---------

|POST TITLE.....|

---------------------

|METABAR........|

---------------------

 

 

Firebug shows me

 
<div class="hentry-pad ">
<section class="post-meta fix post-nocontent ">
<div class="full_img fix">
<a class="post-thumb img fix left" style="width: 100%; max-width: 150px" title="Link To POST TITLE" rel="bookmark" href="http://URL.TLD/post/">
<span class="c_img">
<img class="attachment-large wp-post-image" height="525" width="800" alt="IMAGE TITLE" src="http:/URL.TLD/wp-content/uploads/2013/05/IMAGE.jpg">
</span>
</a>
</div>

I want to crop the image so its not a "4x4 thumb" but more like a 16:9 picture and i want to get it below the title and meta. 

 

really appreciate any help.

 

cheers

flipstar

 

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 12988 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 20 May 2013 - 07:23 AM   Best Answer

Hi Flipstar,

 

To position the Feature image below the metabar and have your posts content below the image, would require you to change the size of your thumbnails in Wordpress Admin Dashboard > Settings > Media

 

You will also need to use considerable custom CSS to reposition the image below the posts content. However, in doing so you may encounter issues with the responsive layout, if you have chose to use the responsive option, which would require even more CSS.

 

The best course of action would be to inspect your posts image, content using either Firebug or your browsers built-in web dev tools and play around with the CSS.



#3 flipstar

flipstar

    Newbie

  • Members
  • Pip
  • 7 posts
  • Country: Country Flag

Posted 20 May 2013 - 10:09 AM

hi danny,

 

i really overlooked the media settings :( .. so thats done now. 

 

if i have to tweak to much to change the order of the image, meta, title setup and maybe loose responsive layout i think i stay with the current view. i thought i have maybe just to switch some code or something .. 

 

thanks

flipstar


Edited by flipstar, 20 May 2013 - 10:09 AM.