Space Between Portfolio Images

Is there a way I can separate my projects under the portfolio widget? They are currently attached together, see below for reference.

Also, there is a white space at the bottom of the page. Is it because there is not enough content on the page?

Hello,

  1. Please check this topic:
  1. Try to use Front Page template instead of Full width template for that page.

Kind Regards, Roman.

Thank you, the spaces work. But It seems to be better with full width.

Not sure if the spaces will show up on mobile, might take a few minutes. But in the meantime, is there a way I can make the title below the photo like I have in yourvisa.ca/community It’s currently only viewable if you hover over the image, which might not be so good for mobile

Hi, you are welcome!

  1. The code in that topic works only for 480px wide screens and more.

  2. Please create a new topic for your other issue to keep forum in good order and make it easier to help you.

Kind Regards, Roman.

Whenever I make it ‘front page’, the header text “COMMUNITY” disappears.

Also, the spaces still don’t appear on mobile. Is there a fix for this?

Hello, it’s confusing when you mention multiple issues in one topic.

Regarding the spaces on mobile devices, try to use this code instead:

.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);
}

Kind Regards, Roman.