What css do I add to remove the header image from all pages except home page?

  • Unknown's avatar
    vdpinfantsblog · Member ·

    What css do I add to remove the header image from all pages except home page?

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

  • Unknown's avatar
    thatrobyn · Member ·

    Hello there! It appears as if Hafiz helped you with the code you need. I see that the header is removed from all pages except your main page. If you have any other questions at all, please do let me know. Thanks!

  • Unknown's avatar
    vdpinfantsblog · Member ·

    Hi, yes he was a great help. I put a code in for each page individually as I decided after getting his help that I didn’t need the header on any other page.
    I was wondering how to put in a code to have a header only on home page so that I did not have to add code each time.
    I also want to learn how to change the font colour for ” contact the blog” menu tab .Is the menu item id the same as the page id? I thought it might be so tried inputting li #menu- item-365 a{color: red;font-weight:bold;} and then with !important after red but no change.
    Thanks,
    Mary

  • Unknown's avatar
    gracejiyoung · Member ·

    Hi Mary,

    Sure! In order to remove the headers on all pages except the home page, remove all the CSS removing the headers and add this:

    .home #masthead img {
	display: block !important;
}

#masthead img {
	display: none;
}

    In order to change the color of the Contact the blog menu tab add this:

    #menu-item-367 a {
	color: CSS COLOR VALUE;
}

    You can get a list of CSS color values here for the color that you want:

    http://www.w3schools.com/cssref/css_colorsfull.asp

    Let me know if you have any questions with this!

  • The topic ‘What css do I add to remove the header image from all pages except home page?’ is closed to new replies.