• Resolved geoffmerch

    (@geoffmerch)


    Hi,
    I’m trying to recreate the post grid on this site: [ redundant link removed ]

    Under “Find answers to your safety questions”

    Are you able to tell me how they got the details of the post to overlay on some posts, and underneath on others. And the masonry layout please ?

    Thanks,

    • This topic was modified 5 years, 8 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author livemesh

    (@livemesh)

    You need to disable Lazy Load on your site to make our posts grid widget work. The isotope library used by us requires the images to be loaded onto the site to enable it calculate width and height of each grid element.

    Thread Starter geoffmerch

    (@geoffmerch)

    Thank you.
    I don’t have lazy load enabled. I have the widget working, however I cannot see how the site I linked got the post overlay, and the post title underneath on the same grid.

    Plugin Author livemesh

    (@livemesh)

    Lazy load is indeed enabled on your site as verified by me. The source is WP Rocket plugin.

    Thread Starter geoffmerch

    (@geoffmerch)

    On which site ? The url I posted ? That’s not mine. I’m asking how to recreate that site.

    Plugin Author livemesh

    (@livemesh)

    I was referring to the safewise.com site. If you post a link to your own site, I can take a closer look and see why the overlapping of images may be occurring. Thanks.

    Thread Starter geoffmerch

    (@geoffmerch)

    Thank you.
    I’m asking how to recreate the grid on the safewise site.
    Can you tell me that please ?
    They have post info overlaid and underneath

    Plugin Author livemesh

    (@livemesh)

    Sorry – I totally misunderstood your query and thought you were referring to some issue you were having with our widgets.

    To achieve what safewise site, you need some nifty Custom CSS.

    While we won’t be able to help without a specific link to the site, you can examine the last row of the following page – https://livemeshelementor.com/portfolio-grid/ to know how we do it in the premium version of our plugin. You can examine the CSS we use there (using developer tools of the browser) to know what changes you need to make to achieve this.

    Thread Starter geoffmerch

    (@geoffmerch)

    No problem. Thanks for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Post Grid – Masonry with some details’ is closed to new replies.