Sela: hide page title from front page overlay box

• 

  freeclaessens · Member · Mar 18, 2015 at 9:19 am

  • Copy link
  • Add topic to favorites

  Hi,

  I want to remove the page title called “Home” from the front page overlay box only…
  I already did some research: If I do the following:
  .page-id-28 h1 {
  display: none;
  }
  Then it disappears but also my site title in my header disappears which is not the intention…
  I know that I can use the following CSS code to edit the overlay box:
  .hero-container-inner {
  opacity: 0.9;
  color: #aa0011;
  }
  Does anybody knows what to add to “.hero-container-inner{}” to hide the “Home” title from my front page? Or does anybody has a totally different solution for my problem?

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

• 

  thesacredpath · Member · Mar 18, 2015 at 6:07 pm

  • Copy link

  Hi there, you did some good research. h1 is both used for the site title and also for the “home” page title, so we need to get a bit more specific with the selectors. If you look in the source code, you will see that the site title is located in the site branding div and the CSS class is site-title. If you look down further in the source code, you will find that the Home page title has a class of entry-title. We can use that along with the page id body class selector to hide only the page title like this.

  .page-id-28 .entry-title {
  display: none;
  }

• 

  freeclaessens · Member · Mar 19, 2015 at 10:52 am

  • Copy link

  Thanks! This works for me. Also thanks for the explanations. I learned from this…

• 

  thesacredpath · Member · Mar 19, 2015 at 6:59 pm

  • Copy link

  You are welcome.