Display Title on Blog Page

• 

  gruengoldbensberg · Member · Apr 26, 2017 at 11:36 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am using the Edin theme and want the blog page to display a title (like the other pages do). My blog page is named “News”.

  I have a Premium subscription and could make use of the CSS style editor.

  Thanky in advance.

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

• 

  kathrynwp · Staff · Apr 26, 2017 at 7:31 pm

  • Copy link

  Hi there – you could give something like this a try to “fake” a title for the blog:

  .blog .site-content::before {
      content: "News";
      font-family: "Noto Sans",sans-serif;
      font-size: 2.25em;
      font-style: inherit;
      font-weight: 700;
      margin: 0 auto;
      padding: 60px 0 70px;
  }

  Let me know how that looks.

• 

  gruengoldbensberg · Member · Apr 26, 2017 at 8:18 pm

  • Copy link

  Your code did the trick! The only thing that is missing now is the horizontal line that separates the titel from the body (like on the other static pages).

  Thanks a lot for your help.

• 

  kathrynwp · Staff · Apr 26, 2017 at 9:42 pm

  • Copy link

  Your code did the trick!

  Excellent!

  The only thing that is missing now is the horizontal line that separates the titel from the body (like on the other static pages).

  This is about as close as I’m able to get, due to the different underlying HTML structure of the blog page:

  .content-wrapper {
    border-top: 1px solid #f8f8f8;
  }

  Give it a go and let me know what you think! The line doesn’t quite extend the entire way across like it does on the other pages, but I’m not sure anyone but you & I will notice. ;-)