Sizing portfolio gallery to fill screen width

  • Unknown's avatar
    bodiesadapt · Member ·

    I am trying to resize my galleries so that they fill the entire width of the page. These galleries are made within the portfolio section of my theme.

    for example this page:
    https://bodiesadapt.wordpress.com/portfolio/coloring-book/

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. 

    @media screen and (min-width: 1025px) {
  .single-jetpack-portfolio .entry-meta {
    width: 100%;
  }
  .single-jetpack-portfolio .hentry.portfolio-entry {
    max-width: 1400px;
    width: 100%;
  }
  .single-jetpack-portfolio .hentry.portfolio-entry .entry-content {
   width: 100%;
  }
}

    In addition, in the Media Width field below the CSS entry area, type in 1400.

  • The topic ‘Sizing portfolio gallery to fill screen width’ is closed to new replies.