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
How to place post title under image

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 05:15 AM.


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