Portfolio size

• 

  31biscompliancers · Member · Oct 14, 2016 at 9:01 am

  • Copy link
  • Add topic to favorites

  Hi there! I would like to reduce the size of my Portfolio images. They are too big and I want them to be smaller. Do you know how to do this?
  Thanks a lot.

  Martí

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

• 

  innisfreehomestead · Member · Oct 14, 2016 at 2:49 pm

  • Copy link

  Hello Martí!

  I can’t seem to find a portfolio on your site, are you referring to the three images on your homepage? If not, would you mind sharing a direct link to the page?

  Thanks!
  Sage

• 

  siobhyb · Member · Oct 14, 2016 at 2:52 pm

  • Copy link

  Hi Martí,

  Are you perhaps trying to reduce the size of the portfolio images on your homepage?

  If so, the width that the portfolio images take up on your home page (which is set to 310px by default) can be increased/decreased with the following custom CSS:

  @media screen and (min-width: 1080px)
      #portfolio-wrapper .jetpack-portfolio {
          width: 260px;
      }
  }

  The height (which is set to 250px by default) can be increased/decreased with the following:

  .project-image {
      height: 200px;
  }

  Change the values of width and height in the above snippets to your liking.

  Let us know how you get on with the above or there’s another page/area of your site that you’re displaying portfolio images on.

  Thanks!