StudioPress

Forum navigation

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

Cafe Pro: remove header from inner pages

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.

Community Forums › Forums › Archived Forums › General Discussion › Cafe Pro: remove header from inner pages

This topic is: not resolved

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 6, 2015 at 11:11 am #161598
    SmartOneKym
    Member

    Cafe Pro uses a large, splashy header image. I'd life for this NOT to show on the inner pages, leaving only the site title and nav menu at the top of the page. Does anyone know how to do this? (There is a similar thread posted 3 months ago that is still unresolved).

    Site: http://retimbered.kymographydesignstudio.com

    Thanks in advance!

    http://retimbered.kymographydesignstudio.com
    August 9, 2015 at 12:08 pm #161861
    frobn
    Member

    The header image is embedded in the <head> so you need to embed the following css just before </head> which I think you can do with Genesis-Simple-Hooks in the "wp_head Hook"

    The first line eliminates the image on all pages, the second line puts it back on the home page.

    <style>
<!--
  .front-page-header {
  			background-image: none;);
  		} 
  .home .front-page-header {
  			background-image: url(//your-domain.com/cafe/wp-content/themes/cafe-pro/images/bg-header.jpg);
  		}
-->
</style>

    This will leave the logo centered over the menu on the inner pages.

    January 15, 2016 at 8:27 am #176587
    jrmmedia
    Member

    This is exactly what I want to do on my blog pages. Can you give me a little more information on how to do this? Which file(s) needs to be modified? Do I have to have Genesis simple hooks installed? If so, how do I code this?

    http://personalsuccesstoday.com/

    Thanks for your help,

    John

    May 15, 2018 at 7:50 am #219903
    meyolito
    Member

    Hello,
    this worked for me (you have to insert page-id: ".your-id .site-header"):

    .page-id-2 .site-header {
    background: url("http://path-to-image/image.jpg") no-repeat scroll 0 0 transparent;
    width: 100%;
    height: 600px;
    background-size: cover;
    }

    Hope this helps someone!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.