Community Forums › Forums › Archived Forums › Design Tips and Tricks › Featured Image Placement
Tagged: featured image, News Theme
- This topic has 16 replies, 5 voices, and was last updated 9 years, 10 months ago by
Brad Dalton.
-
AuthorPosts
-
October 5, 2013 at 4:40 pm #65494
Dallas Pearce
MemberHi guys, I'm using the Going Green Pro theme, and I'm running into a problem figuring out how to get the featured image for a post to show up like it does in the demo at http://demo.studiopress.com/going-green/
I'm new to genesis, so I'm still learning all the ins and outs of hooks and so forth, so I'm just not sure at the moment what it is that I need to do to make this magic happen.
Anyone?
Changing the world, one bit of awesome at a time!
Dallas Hearts YouOctober 6, 2013 at 4:04 am #65541RobG
MemberWhile in your dashboard as you edit your post on the lower right side in your editor you should see ( Feature image ) tab, just click on ( Set feature image ) upload the image you would like to be displayed and you should be good to go. Hope this helps.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 6, 2013 at 11:55 am #65570Dallas Pearce
MemberYes, and that's the problem. I've set the featured image for my posts, and yet it still does not show up above the post title, or anywhere for that matter.
Changing the world, one bit of awesome at a time!
Dallas Hearts YouOctober 6, 2013 at 11:57 am #65571RobG
MemberAre you also inserting the featured with that post?
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 6, 2013 at 12:48 pm #65577Dallas Pearce
MemberWell, you can see here in this post -> http://dallasheartsyou.com/little-faith-showcases-rich-spiritual-heritage/
I inserted the image into the post as well in this case, which doesn't provide the result I'm looking for. Not sure what you mean inserting the featured with the post, but I set the featured image for the post to be the same one as I inserted into the post itself. There were no other options for the featured image aside from selecting it. Ideally I'd like the featured image to show up like it does in the demo for the Going Green Pro theme, where it spans the entire width of the content container and appears above the post title, but there doesn't seem to be any option for that anywhere, so I can only assume the theme demo accomplishes this with a hook, but I'm still mostly lost for the moment when it comes to those.
Thanks for the help!
Changing the world, one bit of awesome at a time!
Dallas Hearts YouOctober 20, 2013 at 4:06 am #67784Debs
ParticipantI had the same problem...I fixed it by selecting "Include the Featured Image?" under "Content Archives" in the main Genesis theme settings...choose the "featured-image (900x440)" image size.
October 20, 2013 at 6:42 am #67795Brad Dalton
ParticipantOnce you have set the Featured Image in Genesis > Theme Settings > Content Archives as mentioned by @Debs, you simply add your image using the featured image met abox on all edits screens.
Change Position of Featured Image To After Post Title
You can also change the position your image is displayed on single posts by changing the 3rd paramater for positioning priority in the function line if the code already included in your child themes functions file. http://wpsites.net/web-design/display-featured-image-before-or-after-entry-title-on-single-posts-pages/#Display_Featured_Ieage_After_Title
So you would change it from 5 to 15
October 25, 2013 at 12:40 pm #68884saratonin22
MemberHi all, first time poster here, and brand new Genesis user!
I'm using the 'News' child theme, and cannot for the life of me get the Featured Image to show up on the single post (single.php) page. I followed Brad's link above and added that code to the child theme's functions.php file, I have the 'show featured image' option selected in the category archives portion of the 'Theme Setting', all to no avail. Any advice? I can't give you the url to my current development site, but can to an older version which was having the same problem: http://ec2-50-16-87-6.compute-1.amazonaws.com/October 25, 2013 at 12:52 pm #68887Brad Dalton
ParticipantNote: The code in the tutorial uses the new HTML 5 loop hooks and the 2.0 version of the News theme runs XHTML with different loop hooks.
The solution is to simply change the loop hooks from
genesis_entry_header
to
genesis_before_post_title
or
genesis_after_post_title
Tested, works and updated post. Example http://wpsites.net/web-design/display-featured-image-before-or-after-entry-title-on-single-posts-pages/#Using_Old_XHTML_Loop_Hooks
October 25, 2013 at 2:03 pm #68900saratonin22
MemberThanks for the quick response! Although I was able to get the featured imaged to show up now, it appears to be in its own column with all the copy over to the right, and I'd really like it to be within the body, after the 'post-info' box, text wrapped. Is that something I can accomplish in styles, or is there a different hook I should use? I did try 'genesis_before_post_content' as well as the 'genesis_after_post_title' route, and they rendered the same.
October 25, 2013 at 2:22 pm #68909Brad Dalton
ParticipantWhat size is your image?
If its less than the width, you can fix the problem using code.
Can you please link to the problem so i can inspect it with Firebug.
October 25, 2013 at 3:45 pm #68940saratonin22
MemberThis reply has been marked as private.October 29, 2013 at 1:41 pm #69725saratonin22
MemberHere's link to a post. I would really like the featured image to float left, and the text to wrap from the body copy. Any advice? http://ec2-50-16-87-6.compute-1.amazonaws.com/2013/08/30/equifax-workforce-solutions-hosts-congresswoman-ann-wagner/
November 7, 2013 at 1:17 pm #71520saratonin22
MemberHi there,
The blog where I'm having the featured image troubles is now publicly viewable if you still wouldn't mind taking a peek at it for me. Here's link to a post: http://tasblog.equifax.com/solving-unique-auto-lending-challenges-advanced-marketing-insights/Any help you could offer is much appreciated!
November 7, 2013 at 4:58 pm #71560Brad Dalton
ParticipantThe answer is at the end of this post. You will need to add CSS http://wpsites.net/web-design/display-featured-image-before-or-after-entry-title-on-single-posts-pages/
November 8, 2013 at 1:48 pm #71767saratonin22
MemberI've tried the CSS you reference; it makes the image appear in its own column to the left of the post content. I've tried all of the hooks in various combinations with CSS, and just can't seem to figure this out 🙁 If you've got any other ideas, let me know, and thanks for trying to help!
November 8, 2013 at 6:59 pm #71802Brad Dalton
ParticipantWhen i tested the code, it wrapped the text pefectly around the image as the screenshot shows. However, this may not be the case on all themes as i only tested it on 2.
I tried clicking through to your site but couldn't access it to inspect the CSS.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.