Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 13, 2017 at 3:13 pm #746435
    graphicsplus

    Hi guys,
    I’m using a Perfect Manual Masonry grid for my portfolio, but I’d like the extra large and standard images to be perfectly square. I can’t seem to find a setting for that. Can you help?

    February 17, 2017 at 2:55 pm #748471
    Yigit

    Hey!

    Sorry for the late reply!

    “We zijn onze website aan het verbouwen. De nieuwe site komt in februari online.”. Can you please post temporary admin logins here privately so we can look into it?

    Best regards,
    Yigit

    February 17, 2017 at 8:06 pm #748624
    graphicsplus

    Sorry Yigit,
    Keep forgetting I’m in maintenance mode.

    February 17, 2017 at 8:38 pm #748639
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make? They seem perfectly square to me :)
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    February 17, 2017 at 8:51 pm #748645
    graphicsplus

    Hey Yigit,

    What I mean by perfectly square is that I’d like them to have the same height as width. So 715 x 715 px for the large items and 348 x 348 px for the small ones. The double wide items would then be 715 x 348 px. At the moment the large item is oblong @ 715 x 570 px. I’ve uploaded images that have equal hight and width, but they only show up square when I use flexible masonry.

    Regards,
    Jan

    February 24, 2017 at 6:37 am #751266
    Ismael

    Hey!

    I’m sorry but you cannot get a “perfect square” in the masonry element. The width of the item is just a fraction of the whole masonry container so the width will vary on different screen sizes. Defining a specific width or height to the masonry items will break its responsiveness.

    Cheers!
    Ismael

    February 25, 2017 at 3:29 pm #751773
    graphicsplus

    Hi Ismael,

    I know thet exact pixel sizes are not possible in a responsive lay-out. I was just trying to explain what I meant bij square. Is it really impossible to change the ratio of the images? In the present portfolio it’s about 8 : 10. Is there no code where I can make that 1 : 1 ? I’ve seen ans used many masonry portfolios that have perfectly square tiles. It seems strange to me that such a versatile theme as Enfold wouldn’t have that possibility.

    February 25, 2017 at 5:42 pm #751792
    Mike

    Hi,
    Have you tried the Perfect Automatic Masonry grid? Except on wide screens, it sounds like what you are describing

    Best regards,
    Mike

    February 26, 2017 at 5:14 pm #751982
    graphicsplus

    Yes I have tried Perfect Automatic Masonry, but that has the same restrictions in size ratio (8 : 10) and moreover doesn’t allow me to use extra large images in the grid. The only way to get square images in my portfolio is to use Flexible masonry and make my uploads 1 : 1. But that doesn’t allow for double width images and has no option to place the title in an overlay like in Perfect Masonry.

    It seems to me that there HAS to be a place in the code where the 8 : 10 ratio of the portfolio images is decided. So somehow you should be able to change it…

    February 26, 2017 at 5:18 pm #751983
    graphicsplus

    Let’s make it simpler. What if I wanted to use the Perfect Grid option with all the elements the same size. But I would want all images to be 1 : 1 ratio squares. Would that also be impossible?

    February 26, 2017 at 6:45 pm #751997
    Mike

    Hi,
    I believe that would work. Or maybe Perfect Automatic Masonry with all the same size images, as it won’t crop.
    Best regards,
    Mike

    February 26, 2017 at 7:31 pm #752004
    graphicsplus

    I’m sorry, I just told you that doesn’t work… Although I’m not sure what you’re referring to with ‘that’. Besides, Perfect Automatic Masonry DOES crop.

    February 27, 2017 at 5:36 am #752142
    Ismael

    Hi!

    I’m sorry but it’s just not possible because even if you set the thumbnail’s ratio to 1:1, the actual width of the masonry item will still vary on different screen sizes because it it set via css. 

    .av-masonry-entry.av-landscape-img {
    width: 49.80%;
}

.av-masonry-entry {
    width: 24.90%;
}

    Cheers!
    Ismael

    August 28, 2017 at 1:51 pm #844808
    jaripp

    You can get square items by adding this

    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
  padding-bottom: 100%;
}
    July 10, 2020 at 4:03 pm #1229443
    roboscrape
    This reply has been marked as private.
    July 11, 2020 at 4:12 pm #1229631
    Mike

    Hi,
    The masonry calculates the height of the entry in a script after the page load and sets absolute values for the grid and the “figcaption” is an inner container of the “figure” container. So even moving the “figcaption” container out of the “figure” container and then try to adjust the height of the entries doesn’t help because of the absolute values each entry has which to change would be a major re-write of the script.
    But looking at your mockup I believe you could try using the “flexible masonry” styling option and then upload your images with a black section below your images for the text to show over. the “flexible masonry” styling option doesn’t crop the images.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.