Jump to content
Sign in to follow this  
flipstar

Change the Size of Blog Posts Featured Image

Recommended Posts

flipstar    0
flipstar

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
flipstar    0
flipstar

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 (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×