Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 3, 2014 at 10:25 pm #247219
    iaemedia

    Couple of questions:
    I am using a fullwidth masonry to display 3 of the latest blogs.

    1. As i make the width of my browser bigger i see that the images get smaller leaving a lot of empty space to the right. Can i make it so the images get bigger as the browser gets wider so that the 3 thumbnails fill the screen?

    2 Is there a way to always have the Masonry images centered?

    On hi-res screens there is even more empty space. It would be great to be able to keep the images scaled and/or centered.

    My client really likes the zoom hover effect of the masonry.

    Thanks

    • This topic was modified 10 years, 7 months ago by iaemedia.
    April 3, 2014 at 10:27 pm #247221
    iaemedia
    This reply has been marked as private.
    April 7, 2014 at 7:00 pm #248381
    iaemedia

    any update on this? Thanks

    April 7, 2014 at 7:11 pm #248384
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab to increase the width of masonry elements

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

    Using masonry element it is not possible to make other changes you requested by default. You are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.

    Cheers!
    Yigit

    April 7, 2014 at 10:12 pm #248502
    iaemedia

    This helps. Thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Fullwidth Masonry image scale and position’ is closed to new replies.