Remove Header on Photography page

• 

  chrisaustinmusic · Member · Aug 30, 2017 at 8:01 pm

  • Copy link
  • Add topic to favorites

  https://pleonasm.ca/photography/

  trying to drop the header there, but having trouble finding a code to do so, any suggestions?

  Best,

  Chris

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

• 

  kathrynwp · Staff · Aug 30, 2017 at 9:00 pm

  • Copy link

  This removes the header background image on the photography page:

  .page-id-511 .header {
    background-image: none !important;
  }

  We try to avoid using !important in custom CSS, but it’s necessary here because the background image is an inline CSS element.

  Let me know how it goes.

• 

  chrisaustinmusic · Member · Aug 31, 2017 at 12:13 am

  • Copy link

  Hi Kathryn,

  This code works to remove the grass image on my photography page,
  but I was trying to remove the “Photography” text on the page that is the header of the page. Sorry, my initial post was ambiguous there.

  I did want to keep the header image, but was wanting to remove the big “Photography” text at the top of the page.

  The code I tried was

  .photography .post-header {
  display: none;
  }

  Best,

  Chris

• 

  kathrynwp · Staff · Aug 31, 2017 at 2:57 pm

  • Copy link

  Thanks for clarifying. To remove the page title from this specific page, you need to target its unique ID:

  .page-id-511 .post-header {
    display: none;
  }

  You can find the unique ID of a page or post on the body tag, by viewing browser’s source or using a browser inspector.

  Let me know how it goes.