How to change my header settings?

  • Unknown's avatar
    dustinsteinke · Member ·

    How do I change my header picture to only show on my home page. I uploading the picture fine, however it is on every page, and I only want it on my home page

    The blog I need help with is: (visible only to logged in users)

  • druesome · Staff ·

    Hello there!

    Right now, there’s no convenient way to achieve this, but it can be done by editing your CSS code via the Custom CSS panel.

    http://en.support.wordpress.com/custom-design/custom-css/

    Go to Appearance -> Customize in your blog dashboard:

    https://altitudecarservice.wordpress.com/wp-admin/customize.php

    Click on CSS on the right menu to access the panel.

    You can see that I added some lines of CSS code to hide the header picture of a specific page:

    .page-id-33 .header-image-wrapper {
	display: none;
}

    “.page-id-33” refers to the Online Reservation page. You’ll know the page ID by editing the page and looking at the URL in the browser:

    https://altitudecarservice.wordpress.com/wp-admin/post.php?post=33&action=edit

    or you can view the HTML source code and look for the body tag somewhere on top: 

    <body class="page page-id-33...

    If you check the Online Reservation page now you’ll see the header picture not appearing because of the CSS code:

    http://altitudecarservice.com/online-reservations/

    If this is the solution you’re looking for, you can go ahead and copy the code and paste it inside the panel for your other pages, making sure you supply their respective page id’s. Afterwards, click Save.

    If it isn’t, feel free the remove the code and Save.

    Let me know if you encounter any problems or need further help with this. Thanks and good luck!

    Andrew D.

  • The topic ‘How to change my header settings?’ is closed to new replies.