Masonry Portfolio Captions Gap

Thanks Andy.

1. That appears to have helped, but there’s still a gap beneath the portrait image – it doesn’t quite align with the imagery to the right of it. Any way to isolate portrait images and remove that gap?

2. Thanks, installed the plugin. It asks for specific maximum sizes. Do these need to be specified (if yes, can you advise what the dimensions should be please) or is it simply a case of specifying Cropping – No to all the different image options?

Appreciate your help and look forward to using Enfold on future projects too.

Sam

Hi Andy,

1) Yes, that’s what I’m talking about. I edited the portfolio items to use an image that is more of a portrait image… but it’s still got the gap at the base of it. I absolutely need to use portrait images within the portfolio and want it to look like the example http://kriesi.at/themes/enfold-photography/portfolio/ (minus the animations and captions)… Please advise why the gap might still be there? Do I need to use images of a different dimension?

2.) Wouldn’t really call this a general WP question. I just need to know what image dimensions I should use for the Masonry gallery (both landscape and portrait) so as to make them align perfectly? Surely that must be something that you guys spec’ed out? (I can’t find them anywhere though)

Thanks,

Sam

Thanks Andy.

1) I’ll private you admin login details and appreciate you helping with this.

2) Can you share what the default values are? I’m struggling to work these out.

Cheers,

Sam

Thanks Andy.

1. Have updated to 4.6.1. Tried changing to flexible masonry. However, this means random gaps and heights. I really want it to be a neatly aligned grid of images with equal sizing so I’ll need to use the ‘Perfect Manual Masonry’ and ‘landscape/portrait’ approach.

I was having a play about and the image size doesn’t seem to affect the gap at the base of the portrait images. If you take another look at the portfolio page, the top left portrait image is 501 x 900 pixels (w x h) and the bottom right portrait image is 501 x 890. Both have the gap beneath.

I also adjusted the height of the standard (not portrait, not landscape) images aligned next to the portrait images (just in case they were too deep) but that didn’t help either.

I’m sure it must be possible to sort the alignment of these out (it’s only a matter of 10 pixels) but can’t determine how to do it… please help! Surely someone must have turned off captions and tried to achieve a similar layout like this before? (I’ve searched the forum but can’t find any examples).

For reference, the custom CSS I’m using is below… all provided by yourselves.

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
#header_main {
border-bottom: 0 none;
}

h1 {font-weight: 200;}
h2 {font-weight: 200;}
h3 {font-weight: 200;}
h2.avia-caption-title {color: #FFFFFF;}

#top .av-masonry-image-container {
-webkit-transform: scale(1);
transform: scale(1);
}

.av-masonry-image-container {
background-size: 100% 80%;
background-position: 0px 0px;
background-repeat: no-repeat;
}

.single-portfolio .av-masonry-image-container {
background-size: 95% 95%;
}

.av-large-gap.av-masonry {
padding: 10px 0px 0px 10px;
}

figure.av-inner-masonry.main_color {
height: 120%;
}

2. Thanks for providing these.

3 (new question)… The styling of individual portfolio entries is also messed up. I was hoping to have a similar look to the main portfolio page above, but, for example, on http://www.rorygibsonarchitects.co.uk/portfolio-item/synton/

– Images have no spacing beneath them, crushed up against each other.
– Spacing between the 3 columns is too large (aiming for 10px or so to reflect main portfolio page)
– A landscape image (at the bottom right) doesn’t span exactly 2 columns – it’s quite a few pixels less.

Concerned that the custom CSS I’m using may be conflicting and causing display issues. Can you assist please?

Thanks again,

Sam

• This reply was modified 8 years ago by sjwmobile. Reason: Adding further detail to query

Hi Ismael,

Thanks for getting back to me. Unfortunately that didn’t work but if it is possible to style the portrait option of masonry images only then that should certainly work.

Any idea what the correct custom CSS for that should be please?

Also, can you assist with the 3rd question in my message above (the styling of individual portfolio items) thanks.

Cheers,

Sam