Reduce space between portfolio elements

• 

  ando337 · Member · Feb 13, 2017 at 6:27 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I want to reduce the space between my portfolio thumbnails.
  I installed jetpack and tried it with the additional CSS but nothing changes.
  Anyone how can help me?

  http://redloondesign.com/

  Thanks!

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

• 

  thesacredpath · Member · Feb 14, 2017 at 1:59 am

  • Copy link

  Hi @ando337, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours using Twenty Sixteen, there is a dedicated Twenty Sixteen support forum at WordPress.org where you can post and get help.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and there is 15px of left and right padding on the front page portfolio items, that is set in bootstrap.css, and it is applied to a whole bunch of CSS selectors. This is the CSS rule. You can start there.

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
  }