Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

How to place post title under image


  #1  
Old May 5, 2009, 12:47 AM
Antsliedown
 
5 posts · Apr 2009
Does anyone know how to place the individual post headline so that the image of the post is above both the headline and the body?
i.e http://www.uncrate.com/men/home/art-decor/kaleido-r7/
  #2  
Old May 13, 2009, 05:40 AM
core4
 
1 posts · May 2009
Did you figure this out? I'd love to know a method to do this.

TIA.
  #3  
Old May 13, 2009, 07:09 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add the image file name as the value of a new custom field to the post or page

Posts -> Edit -> [Post Title] -> [scroll down to:] Custom Fields -> [scroll down to:] Add new Custom field -> Enter new ->

Name: postheadingimg
Value: myimage23.jpg

-> Click "Add custom field"

... and reference that image in the post kicker at i.e. Post/Page Info Items -> KICKER: Single Post Pages as

PHP Code:
<img src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /> 
Or linked to the single post page
PHP Code:
<a href="%permalink%"><img src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /></a
Additionally, adding a class and ID to each image so they can be group-styled or individually styled:
PHP Code:
<a href="%permalink%"><img id="postheadingimg-%post-id%" class="postheadingimg" src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /></a
CSS Insert:
HTML Code:
/* base style for all */
img.postheadingimg {
border: 5px solid black;
}
/* specifically for post ID 13 */
img#postheadingimg-13 {
border: 5px solid red;
}
  #4  
Old Nov 6, 2010, 10:25 AM
eperon
 
11 posts · Aug 2010
this works pretty well! except when a post does not have a custom field defined, it will show a 'image missing / broken ' sign...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can a place a logo image on the left side and another image on the right side? Ms. M Header configuration & styling 11 Jan 18, 2010 12:28 PM
How to place RSS icons Post, By Email, Comments at botton of each post. sagatr Post-Kicker, -Byline & -Footer 7 Jun 21, 2009 04:36 AM
Place image about sidebar tim5046 Sidebars & Widgets 3 Jun 11, 2009 01:55 PM
Place image beside post title jutta Header configuration & styling 1 Apr 2, 2009 07:31 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 02:39 PM


All times are GMT -6. The time now is 02:44 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.