Beautiful Theme – change header image on selected pages

Community Forums Forums Design Tips and Tricks Beautiful Theme – change header image on selected pages

This topic is: resolved

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

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

    Jumpringer
    Participant
    Post count: 31

    The Beautiful theme features a full width image at top of page.

    I would like to either remove or revise the image on all pages except the home page.

    If there is a way to do this, either through a plugin, code snippet, or hook, please advise.

    http://jumpgraphix.com/stage/dev/jumpgraphix_new/
    #68030

    braddalton
    Participant
    Post count: 9783

    There’s at least 4 ways to do it.

    The WP Display Header plugin is the easiest.


    #68038

    Jumpringer
    Participant
    Post count: 31

    OK, I’m partially there; revised the landing page to eliminate the image header. Still need to display an image, just a different image from the home page.

    #68040

    Jumpringer
    Participant
    Post count: 31

    Thanks Brad, the plugin isn’t appropriate for this as it affects the header image; in the Beautiful Template, the code that controls the display of the screen-wide image (that I want to revise) is:

    remove_action( ‘genesis_after_header’, ‘beautiful_site_header_banner’ );

    My original post was probably not clear as to which image I was referring to. If you have other suggestions, please let me know!

    #68066

    Jumpringer
    Participant
    Post count: 31

    Getting closer….

    I’ve created a custom page template and want to replace a full-width image (that is positioned beneath the header) with a smaller image.

    Hook is not working; syntax error unexpected ‘<’

    Here’s my code so far:
    //* Remove site header banner
    remove_action( ‘genesis_after_header’, ‘beautiful_site_header_banner’ );

    //*add hook for revised banner image

    <?php genesis_after_header(); ?>
    <div class=”site-header-banner-add”> (this is a new css class to render a less deep image)
    <?php genesis_header(); ?>

    //*end hook

    #68069

    Jumpringer
    Participant
    Post count: 31

    Resolved for now; not the best solution as new pages/code need to be created to show different images on more than one page.

    //* Remove site header banner
    remove_action( ‘genesis_after_header’, ‘beautiful_site_header_banner’ );

    //*create new function and point to new css to make banner image less deep
    add_action( ‘genesis_after_header’, ‘beautiful_site_header_banner_custom’ );
    function beautiful_site_header_banner_custom() {

    echo ‘<div class=”site-header-banner-add”></div>’;

    }

    //*end new function

    #68387

    braddalton
    Participant
    Post count: 9783

    You can hook it in from your child themes functions.php file and add a conditional tag so it only displays on specific pages.


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

The topic ‘Beautiful Theme – change header image on selected pages’ is closed to new replies.