Reduce spacing between columns in project module (grid)

Page here.

Reduce spacing between columns in project module (grid). I figured out the rows, can’t find the setting in Live Composer for the columns, however.

Hello there,

You can use the below custom CSS code:


@media only screen and (min-width:768px) {
  
  .dslc-projects .dslc-3-col.dslc-col {
    width: 24.5%;
    margin-right: 0.666666666666667%;
  }
  
  .dslc-projects .dslc-3-col.dslc-col.dslc-last-col {
    margin-right: 0;
  }
  
}

To apply it to your site, add it into Appearance > Customize > Additional CSS in your site dashboard.

Regards,
Kharis

The spacing is smaller, but I wanted the projects to be touching - so NO spacing at all.

I am sorry for was suggesting incorrect code. Please replace it with this:


@media only screen and (min-width:768px) {
  
  .dslc-projects .dslc-3-col.dslc-col {
    width: 25%;
    margin-right: 0;
  }
  
}

Regards,
Kharis