Navigation
Archive / Add full-width header-like image to top of page?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 7, 2017 at 8:46 pm #1320701
    johnwoodman
    Participant

    Hi,

    Thanks to some previous help, I have a full-width header-like image at the top of my front page (which shows recent posts).

    I’d like to do the same thing to other pages (with different images).

    So a page should look like:

    – full-width header-like image (as on first page) –
    – content on left – – sidebar on right) –

    All as on the first page.

    How can I do this?

    Site is abetteramerica.org.

    Thanks for the help!

    January 8, 2017 at 2:25 am #1320865
    Christian
    Moderator

    Hey there,

    Please add this code below your header or the closing </header> tag in x-child\framework\views\integrity\wp-header.php

    <?php if ( is_page( 'page_title' ) ) { echo '<img src="image_url" style="width:100%">'; } ?>

    Change the page_title (you could also use the page ID) and image_url with your own.

    For more details about is_page, please see https://developer.wordpress.org/reference/functions/is_page/. You might also want check https://codex.wordpress.org/Conditional_Tags for other conditional tags.

    Thanks.

    January 8, 2017 at 11:56 pm #1321854
    johnwoodman
    Participant

    Perfect! Beautiful.

    Thanks, Christian.

    January 9, 2017 at 1:03 am #1321901
    Christopher
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1320701 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>