Making spaces between images smaller?

Also when I insert an image above the grid at 1152 x 489px, why does it show up as 681 x 289px instead of the full width?

Hey there,
You can customize the spacing with CSS.

Change the gap size:

.PP_Masonry__item {
	border: solid 5px transparent;
}

But you also might have to adjust the wrapper size, depending on your theme.

.PP_Wrapper {
	max-width: 1500px;
}

As for the image width – the portfolio is set to 3 columns – images will always be 1/3 of the container size. If you insert only one image it’s going to be only 1/3 of the size because of the default masonry layout.

If you meant that you want to insert a larger image in the description area – the description area has a maximum width set to be smaller than the grid width – because it’s meant to be a content area, not for images. If you want adjustments there – I recommend looking for someone who can help you with customizing the plugin with some more CSS.

• This reply was modified 7 years, 4 months ago by justnorris.