January 18, 2021 at 22:48 UTC - Views: 17 #67078
I see you have removed all the span across two columns, so that appears to be what caused a mess.
Try what I said, which is add the Span options to the images you want one by one and test in between, and see if you can spot at what point columns 2 and 4 become emptyJanuary 19, 2021 at 16:26 UTC - Views: 15 #67089BburnsParticipant
Span 2 columns for the upper left image forces columns 2 and 4 to become empty. This doesn’t happen if I do the same for only the aviator dog image, instead I get a blank white space to the right.January 19, 2021 at 17:27 UTC - Views: 11 #67091
Is it only the upper left, if so then you can just avoid that.
This must be a bug in masonry, and if so I don’t know if @weaver can do anything about it.
In the meantime, try to put as many of the span you need without breaking masonry. Once you have that done, you can try the custom CSS I last gave you and see if it makes it look nice. If at that point the CSS causes a problem, remove it, and post back without it so I can rework itJanuary 26, 2021 at 20:21 UTC - Views: 8 #67141BburnsParticipant
Page looks good now. Thank you!
There seems to be a slight loss of image quality on the span 2 column images viewed on the photo blog page (commissions). When viewed on single page the images are sharp.January 26, 2021 at 20:36 UTC - Views: 5 #67142
This is because the images used are of 244×300 resolution and they are displayed at 520 x 640 in the span.
If these are featured images of posts and the original images are larger than 244 x 300, you probably need to select to display the post featured images at higher resolution (choices are thumbnail, low, medium full) use whatever is bigger than 520 x 640.
Note: you don’t seem to have added the Centering CSS back, and you can do that now to improve it a bit
- You must be logged in to reply to this topic.