Archived

This topic is now archived and is closed to further replies.

  • 0

Change the Size of Blog Posts Featured Image

Question

Posted · Report post

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

 

 

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites