Harmonic theme – portfolio setup

• 

  tonjelilleaas · Member · Apr 3, 2017 at 1:18 pm

  • Copy link
  • Add topic to favorites

  Hi

  I’m using the Harmonic theme and want both the home page (static front page) and the portfolio page to only show off three projects. It currently is, but it’s clear that there is room for a fourth, so the projects align to the left in stead of being centred. Is there any way to fix this using css?

  Tonje:)

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

• 

  dcoleonline · Staff · Apr 5, 2017 at 4:38 pm

  • Copy link

  Hi Tonje,

  You can use this CSS to make the portfolio items on the bottom of the home page centered:

  /*Center portfolio projects on home page*/
  
  .home .portfolio-projects {
      text-align: center
  }
  .home .portfolio-projects .jetpack-portfolio {
      float: none;
      display: inline-block;
  }

  However, the design of the Portfolio page template prevents CSS from working well to center the images there. One thing you could do instead is use the Full Width Template on a page, and then use the Portfolio Shortcode to display the projects.

  Here is an example of what that could look like:

  [portfolio columns=3 display_content=false display_tags=false display_types=false]

  If you do this, make sure that all of your featured images for the portfolio projects are the same size, as the portfolio shortcode won’t crop them to match.