Stack Overflow
Stack Overflow

Questions tagged [masonry]

Masonry, formally jQuery Masonry, is a JavaScript cascading grid layout library.

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

As of version 3, Masonry does not depend on jQuery anymore but can work alongside.

Created by David DeSandro, Masonry is released under the permissive MIT License.

Useful Links

914 questions
0
votes
2 answers

Masonry on Wordpress overlapping other content

I have a client with a WP install and Genesis theme. I am using masonry to tile posts on a specific category. The problem I am having is that there is other content on the page that the masonry overlaps (category description). I have tried…
chris
  • 1,022
  • 12
  • 14
0
votes
0 answers

Masonry and Infinite Scroll images overlap

I'm using Masonry and Infinite Scroll on my site to load in content. However, whenever it gets to the point where Infinite Scroll loads in the new content, the images overlap with each other. I've tried everything I can think of with nothing…
Eric Filkins
  • 299
  • 2
  • 6
  • 20
0
votes
1 answer

Masonry blog layout issues in different browsers

I am a novice at web design and would really appreciate anyone's help! I want my blog archive pages to have kind of a masonry layout. But I want the posts to all be the same size so that it creates a perfect grid. The layout is showing up correctly…
user3661867
  • 1
0
votes
1 answer

Masonry Grid-sizer with gutter not aligning correctly on 50% size

I have grid-sizer masonry and a div with of 50%. I have also put a gutter of '10' but it doesn't seem to equalize the boxes accordingly. The red boxes is not align with the whole container. The width of the .w2 red boxes are %49 to make the gutter…
ableslayer
  • 307
  • 5
  • 19
0
votes
1 answer

Alignment issues with masonry

I know these masonry questions tend to be very specific and cumbersome. This time I am stuck and can't figure out why the bottom row isn't floated together into one row. What I got without masonry (just float left): What I get with masonry: What I…
Dominik
  • 4,529
  • 6
  • 34
  • 48
0
votes
1 answer

How to arrange the dynamically generated content in two columns with equal height?

Hi the below is the output what I am getting. SPECIALTIES is the heading. Let it be there. I need the content that appeared after the heading SPECIALTIES to be arranged in 2 columns. I have used http://masonry.desandro.com/. As I am developing the…
Abu Isaac
  • 65
  • 2
  • 13
0
votes
2 answers

Resize parent container based on child content

I'm trying to resize a parent containter based on it's content. Currently, it is using percentage for the width. Unfortunately, the image container does not resize based on it's content. Is there a way to resize the child container based on it's…
zan
  • 564
  • 1
  • 6
  • 18
0
votes
1 answer

Load more content with XSLT?

Fairly simple concept. I have a paginated datasource which feeds content to a masonry wall in blocks of 15. I want to stick a 'Load More' button on there. Do I need to load the whole DS and eliminate pagination, then just mask it with jQ? Sounds…
AcidX
  • 17
  • 5
0
votes
1 answer

Jquery responsive Masonry mobile grid layout

I would like to create a paid subscription website in Jquery mobile because I think the site works better with the server then Wordpress. Of course there will be PHP in it for contact page, etc, but I prefer a responsive Jquery site with a Jquery…
user3344107
  • 5
  • 3
0
votes
1 answer

jquery-ias with masonry to create an infinite scroll not working properly php

I am trying to get jquery-ias working with masonry and I cannot get it working. I am using a mysql database and php to load images. I have almost got it all working correctly, after a lot of trial and error. I am able to get all my images loading…
Charis Ryan
  • 85
  • 1
  • 2
  • 11
0
votes
2 answers

Bind click toggle to image instead of whole div in Masonry

I am using Masonry to toggle the height and width of a div. I have links inside of the expanding div, and I can't figure out how to make it so that the height/width only toggles if an image is clicked instead of anywhere inside the div. The…
PBwebD
  • 768
  • 10
  • 33
0
votes
1 answer

freezeframe.js with masonry

I am working on this site http://futureclassicsfashion.co.uk/wordpress/collection/season/aw14-moving/ The site uses the masonry script and I have found freezeframe.js http://freezeframe.chrisantonellis.com/documentation/#examples which pauses my…
lsloss
  • 45
  • 7
0
votes
1 answer

Masonry plugin not working

I have just started to use the masonry plugin but I cannot get it to work. Below is a picture of the problem. As you can see this is not the desired effect. Below is my code that I am using: CONTENT
user3170837
  • 111
  • 2
  • 9
-1
votes
1 answer

Vertikal masonry layout with three images side by side

I have the following html code:
David
  • 2,179
  • 2
  • 9
  • 30
-1
votes
1 answer

Wp_query for reset_count

I want to use wp_query loop in category page and using this code bellow but it get an error : "The site is experiencing technical difficulties." . So how to improve my code ? Thank you for your help! [![enter image description here][1]][1]
Andy Thomas
  • 59
  • 7
1 2 3
…
60 61