Page Titles in Grid Display

• 

  hartshornegroupsite · Member · Mar 5, 2017 at 11:30 pm

  • Copy link
  • Add topic to favorites

  In Goran theme, I am showing Grid Page template for the Home Page, The children pages are displaying with the page titles I’ve set, but is there a way to display a different title on the Home Page than what I want as the title on each individual child page?

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

• 

  thesacredpath · Member · Mar 6, 2017 at 10:19 pm

  • Copy link

  Hi there, we can do this with the following CSS. The one thing to keep in mind is that, as far as the search engines are concerned, those pages in that grid still have the original titles. When we add the new titles with CSS, it is only a visual thing and does not become part of the html.

  .home .grid-area .entry-title a {
    color: rgba(0,0,0,0)
  }
  .grid-area .grid #post-3 .entry-title:before {
    content: "New Title Left";
    display: block;
    margin-bottom: -25px;
  }
  .grid-area .grid #post-85 .entry-title:before {
    content: "New Title Center";
    display: block;
    margin-bottom: -25px;
  }
  .grid-area .grid #post-4 .entry-title:before {
    content: "New Title Right";
    display: block;
    margin-bottom: -25px;
  }

• 

  hartshornegroupsite · Member · Mar 8, 2017 at 2:00 am

  • Copy link

  That worked! Thank you so much that was super easy!

• 

  thesacredpath · Member · Mar 9, 2017 at 2:30 am

  • Copy link

  You are welcome.