• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Featured Image Placement

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Featured Image Placement

This topic is: not resolved

Tagged: featured image, News Theme

  • This topic has 16 replies, 5 voices, and was last updated 9 years, 10 months ago by Brad Dalton.
Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 5, 2013 at 4:40 pm #65494
    Dallas Pearce
    Member

    Hi 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 You

    October 6, 2013 at 4:04 am #65541
    RobG
    Member

    While 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/robgoss

    October 6, 2013 at 11:55 am #65570
    Dallas Pearce
    Member

    Yes, 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 You

    October 6, 2013 at 11:57 am #65571
    RobG
    Member

    Are 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/robgoss

    October 6, 2013 at 12:48 pm #65577
    Dallas Pearce
    Member

    Well, 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 You

    October 20, 2013 at 4:06 am #67784
    Debs
    Participant

    I 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 #67795
    Brad Dalton
    Participant

    Once 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


    Tutorials for StudioPress Themes & WooCommerce.

    October 25, 2013 at 12:40 pm #68884
    saratonin22
    Member

    Hi 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 #68887
    Brad Dalton
    Participant

    Note: 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


    Tutorials for StudioPress Themes & WooCommerce.

    October 25, 2013 at 2:03 pm #68900
    saratonin22
    Member

    Thanks 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 #68909
    Brad Dalton
    Participant

    What 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.


    Tutorials for StudioPress Themes & WooCommerce.

    October 25, 2013 at 3:45 pm #68940
    saratonin22
    Member
    This reply has been marked as private.
    October 29, 2013 at 1:41 pm #69725
    saratonin22
    Member

    Here'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 #71520
    saratonin22
    Member

    Hi 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 #71560
    Brad Dalton
    Participant

    The 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/


    Tutorials for StudioPress Themes & WooCommerce.

    November 8, 2013 at 1:48 pm #71767
    saratonin22
    Member

    I'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 #71802
    Brad Dalton
    Participant

    When 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.


    Tutorials for StudioPress Themes & WooCommerce.

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble