• 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

Streamline: Move Blog Image Below Title Into Content Area

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 › General Discussion › Streamline: Move Blog Image Below Title Into Content Area

This topic is: resolved

Tagged: home page, post image, streamline

  • This topic has 1 reply, 1 voice, and was last updated 9 years, 4 months ago by sean nelson.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 8, 2014 at 1:06 pm #84048
    sean nelson
    Member

    The original home page blog on streamline adds the blog post image above the title. I would like the post image to display below the Title and wrapped in the content (will set a smaller size image such as 200x200).

    In terms of order it goes like this:
    Image
    Post Info
    Blog Post Content

    I'm looking for it to be:

    Post Info
    Post Image Content Content Content
    Content Content Content Content

    **Content wraps around the image that moved from top.

    Any help is appreciated.

    http://www.briankeithmay.com
    January 9, 2014 at 10:55 am #84194
    sean nelson
    Member

    Finally figured this one out and it was so simple it was hard.

    Background: Client wanted to remove the image above the title in the streamline theme for the blog posts showing on the home page. Then wanted the image used in the post to show on the home page.

    Step 1: Remove image above title: In functions. php remove:

    /** Add post image above post title */
    add_action( 'genesis_before_post', 'streamline_post_image' );
    function streamline_post_image() {
    
    	if ( is_page() ) return;
    
    	if ( $image = genesis_get_image( 'format=url&size=post-image' ) ) {
    		printf( '<a href="%s" rel="bookmark"><img src="%s" alt="%s" /></a>', get_permalink(), $image, the_title_attribute( 'echo=0' ) );
    	}
    
    }

    Step 2: Show post image on home page:

    Go to css settings and change:

    .home .hentry img {
        display: none;
    }

    To:

    .home .hentry img {
        display: block;
    }
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘General Discussion’ 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