Streamline theme: Use smaller header image on inside pages

Community Forums Forums Design Tips and Tricks Streamline theme: Use smaller header image on inside pages

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  braddalton 8 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #55315

    jspencer
    Participant
    Post count: 2

    I’m building a site for a client. They like the header image I’m using on the Home page but want to use a smaller version of it on inner pages. Note that this is not a blog, so the inner pages are pages, not posts. Is there a way to do this? I’ve searched through a lot of the forums and other support sites with no success.

    Thanks.

    http://cyberartisans.net/irwin/
    #55416

    braddalton
    Participant
    Post count: 7442

    There’s different ways to do this.

    You can use CSS code, PHP or a plugin.

    https://gist.github.com/braddalton/6199617


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #55420

    braddalton
    Participant
    Post count: 7442

    If you use the CSS code, you will also need to remove support for a custom header by removing the PHP code from your child themes functions file:

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array(
    	'width' => 960,
    	'height' => 120
    ) );
    

    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #55850

    jspencer
    Participant
    Post count: 2

    Thanks Brad! I will try these and see which works best for me.

    #55852

    braddalton
    Participant
    Post count: 7442

    The CSS is the best in my opinion for a small number of different images.

    Also there’s a link in the code to other solutions.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #56127

    jspencer
    Participant
    Post count: 2

    Brad -

    Should the CSS solution work for all Genesis child themes? I’m using Streamline, and when I remove the code in the functions file and add the CSS code to the style file, I get blanks where my header image should be (http://cyberartisans.net/irwin/). It also doesn’t resize the space on the inner pages, so I assume my installation of the theme isn’t applying the CSS code in the desired location.

    #56254

    braddalton
    Participant
    Post count: 7442

    Most of them. I tested the solution on your theme locally and also wrote a post about it. Works perfectly.

    Here’s the screencast.

    Did you add the new header images to your media library or images folder?

    You’ll also need to remove support for custom headers in your functions.php file.

    What sizes are your images?


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.