Insert a margin in the pictures of the project

I need insert a margin between the pictures in the project, may I do it with css?

Hello there,

Indeed it is possible to do. You need to add the CSS snippet below into your site’s additional CSS option (Appearance > Customize > Additional CS).



@media only screen and (min-width:480px){
  
  .roll-project .project-item{
    padding: 10px;
  }
  
  .roll-project .project-item .project-pop {
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
  }  
  
}

Regards,
Kharis

thank you Kharis. And by the way, may I change the links of each title from project titles???

Hello there,

You can alter it with any link of your choice from Project info option that is located underneath the project description box.

Regards,
Kharis

thanks

You’re always welcome here.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis