How to make more room in the main body

• 

  maemclean · Member · Apr 25, 2016 at 6:39 pm

  • Copy link
  • Add topic to favorites

  Hi

  I am using the Blask theme and have noticed theme seems more aligned to the left rather than central. Because of this, I’ve noticed there’s a lot of space on the right hand side and I would preferably like more room in the main area, such as where the images are placed within my portfolio (I would rather have a row of three images rather than two)

  Is this possible?

  Thanks!

  maemclean.com

• 

  thesacredpath · Member · Apr 25, 2016 at 10:53 pm

  • Copy link

  Hi, the Blask Portfolio page will display 3 columns of portfolio items on screens/windows 1260px wide and wider. If you add another Portfolio Project, and you have your screen wider than 1260px, you will see three columns.

  Or are you talking about on single portfolio pages such as on https://maemclean.com/portfolio/fashion/? On single project pages, the Portfolio meta data is shown to the right of the project images/content, so the content takes up the center area between the menu/sidebar and that meta data section. Are you wanting to remove the metadata section?

• 

  maemclean · Member · Apr 26, 2016 at 1:40 pm

  • Copy link

  Yeah I would like to remove the meta data to make more space on each portfolio page if possible. :)

• 

  thesacredpath · Member · Apr 26, 2016 at 8:05 pm

  • Copy link

  Thanks for the clarification. First off, you need to remove the “justify” from your portfolio projects page, such as fashion. That will cause issues with image alignment. Open Fashion in the editor, switch to the Text tab and you will see this on the first line.
  <p style="text-align:justify;">
  Make it look like this and then save.
  <p>
  Another thing I notice is that the images on that page vary by a pixel or two in height and/or width. If you are doing this sort of alignment, it is important to have them all the same size, so I would suggest editing them and resizing or cropping them to where they are all the same. You can actually do that right in the Media Library and not have to upload new images.

  The following CSS will remove the entry meta from the right and make widen the content area on the single portfolio pages and then your images will go to three columns.

  .single-jetpack-portfolio .entry-meta {
      display: none;
  }
  .single-jetpack-portfolio .entry-content {
      width: 100%;
  }