How do I reduce the height of featured contents?

• 

  awtrtv · Member · Feb 10, 2017 at 7:55 pm

  • Copy link
  • Add topic to favorites

  Hi,

  How do I reduce the height of the “featured contents” container at the top of the front page? It takes too much space right now, and I want to reduce its height at least by half.

  Thanks.

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

• 

  staff-loquaciousloon · Staff · Feb 10, 2017 at 8:46 pm

  • Copy link

  Hi there!

  Shortening the Featured Content section will mean cutting off part of your images, and then trying to reposition the titles as best we can from there. Give this a try in My Site > Customize > CSS:

  .featured-content {
      height: 200px;
      overflow: auto;
  }
  
  .featured-content .entry-title {
      top: 90px;
  }

  If you have a longer title that goes onto three lines, you may need to adjust that top value to make more room :)

• 

  awtrtv · Member · Feb 10, 2017 at 10:40 pm

  • Copy link

  Brilliant! Thanks a lot.

• 

  staff-loquaciousloon · Staff · Feb 13, 2017 at 2:53 pm

  • Copy link

  You’re welcome!