Is it possible to make the titles the same on all pages

• 

  ramondelafuente · Member · Sep 22, 2014 at 7:26 pm

  • Copy link
  • Add topic to favorites

  Hi, I am using Twenty eleven with CSS upgrade.

  On the static pages (like “home”, “over mij” and “diensten”) the title has a different position compared to the “blog” page.

  I like the position of the title on the blog page and would love to have all the titles on that same position and font.

  What would make that possible?

  Currently have this:

  /********** Edit title blog font spacing similar to title of pages ********************/
  .singular .entry-title {
  line-height: 1.5em;
  font-size: 23px;
  }

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

• 

  lizthefair · Member · Sep 22, 2014 at 10:10 pm

  • Copy link

  Here’s the code you need to move the titles over to the left (so they match the blog page)

  .entry-header{
      margin-left: 0 !important
  }

  If you just do that, the titles don’t match the content though, so you probably want to move the content as well. Here’s how you do both:

  .entry-content, .entry-header{
      margin-left: 0 !important
  }

  Let me know if that does what you were hoping for!

• 

  ramondelafuente · Member · Sep 23, 2014 at 8:33 am

  • Copy link

  Yes, that helped to get them more aligned to the left. Thanks

  However, there is still a lot of whitespace above the titles. Is there a way to get the titles of the pages on approx. the same height as on the blog-page?

• 

  lizthefair · Member · Sep 23, 2014 at 1:05 pm

  • Copy link

  Yes, sorry I missed that bit. Here you go:

  .page {
      padding-top: 0 !important;
  }

• 

  ramondelafuente · Member · Sep 23, 2014 at 2:04 pm

  • Copy link

  That works!

  Really great to see that it is evolving to an even better looking site!

  My last CSS question, is it possible to make the area above the header (with the seach box and website title) somewhat less high? It takes up a lot of room in what I call above-the-fold.

• 

  hallluke · Member · Sep 23, 2014 at 2:15 pm

  • Copy link

  Here’s the code, you might have to tinker with the values to get something that looks good to you:

  #site-title {
    padding-top:10px;
  }
  
  #site-description {
    margin-bottom:10px;
  }
  
  #branding #searchform {
    top:25px;
  }

• 

  ramondelafuente · Member · Sep 23, 2014 at 2:43 pm

  • Copy link

  Yes! Thanks so much!