Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [masonry]

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.

Filter by
Sorted by
Tagged with
0 votes
1 answer
36 views

Change normal grids to masonry grids

I'm currently creating a wordpress theme and so far all my code is working fine (my theme is based on the isotope js gallery), but I would like to transform my normal grids into masonry grids, could ...
user avatar
2 votes
1 answer
22k views

Script doesn't load because of a javascript MIME type error

I'm trying to get the jQuery Masonry plugin to work on a site. I've updated my template files to get the proper classes where the plugin needs them. Then I enqueued my scripts like this: function ...
user avatar
0 votes
1 answer
454 views

Masonry grid with bootstrap 4

I have the following code that is supposed to display a masonry grid using bootstrap 4. I've tested the code but the grid will not be displayed correctly on desktop and tablets. On mobile instead ...
user avatar
  • 76
0 votes
0 answers
29 views

Help finding a plugin - masonry type post grid

I would like to know if there exists a similar plugin to how this page lists its' products below the main banner: https://www.ycmcnc.com/en Talking about this module: https://imgur.com/a/8IUalCQ It ...
user avatar
  • 109
1 vote
0 answers
76 views

Masonry, WP_Query & paged - first page repeating, second page not loading

I'm tearing my hair out over this. I've been tasked with some legacy work on a quite an old site. They have a template for a custom post type called resources. This template has search/filtering ...
user avatar
1 vote
0 answers
107 views

Masonry images not working

Until yesterday, all 10 tiles were showing on the main page on this website. After updating 3-4 pages and adding a "blog" function to them (separated by category), only 3-6 tiles will show at any ...
user avatar
  • 11
0 votes
2 answers
545 views

Add wp posts to cutom masonry grid

I need to create masonry grid containing the latest posts. I created a grid based on https://masonry.desandro.com/ - the grid displays correctly. I am asking for help in creating a wp loop that will ...
user avatar
0 votes
1 answer
537 views

masonry only works if jquery is called twice

So I noticed that I'm loading jQuery twice in my WordPress install and when I removed the CDN I added in my footer and just use the jQuery WordPress comes with my masonry stopped working and gave the ...
user avatar
  • 39
1 vote
0 answers
1k views

"Bad element for masonry: undefined" why this error us occuring? [closed]

I am developing a WordPress Theme using masonry. but it generates following error on index page "Bad element for masonry: undefined" and these two errors on single.php "Bad element for masonry: ...
user avatar
  • 11
-1 votes
1 answer
1k views

Jetpack Infinite Scroll, Isotope and ImagesLoaded

I'm trying to build grid with Infinite scroll and Isotope. I'm using also ImagesLoaded plugin for images which overlaps each other. The problem is I still get images overlap even that I triggered ...
user avatar
0 votes
1 answer
102 views

Javascipt issue on custom theme

First off I always seem to have trouble getting my JS to work with WP. Currently I need some help figuring out what is going wrong with my javascript and ultimately what I am doing wrong. I have this ...
user avatar
0 votes
1 answer
651 views

Wordpress keeps showing mobile version on Internet Explorer

I have wordpress 4.3.1 installed on the intranet with a standard theme TwentyFourteen. When I use Firefox and Chrome to view the website, everything works exactly like it should. However, on IE9 and ...
user avatar
  • 101
0 votes
0 answers
120 views

WP_Query for liked posts is showing all posts if none are liked

I'm using the plugin Favorites for WordPress to allow visitor's to like products presented with a Masonry grid on the site. On the site I have a page which lets the visitor see all his or hers liked ...
user avatar
  • 1
0 votes
1 answer
814 views

Baskerville Theme - How to use the masonry grid layout on other pages

I am using the Baskerville theme which looks great but I haven't been able to replicate the Masonry layout on other pages. It works fine on the Home page but there is no template that facilitates this ...
user avatar
0 votes
1 answer
556 views

Having trouble showing more blog posts on my grid blog layout

I made a grid blog layout on my wordpress site and i got some help from a friend with some code. It shows 3 posts per row but it wont go past 2 rows so its only showing 6 posts when there is much more....
user avatar
1 vote
1 answer
4k views

How to make Isotope and Wordpress work together?

I am trying to make my Wordpress theme using Isotope plugin. http://isotope.metafizzy.co/ So far, I have such a result after doing that was suggested: I believe that Isotope Masonry should not ...
user avatar
0 votes
2 answers
348 views

Using Masonry - How to make every Xth post thumbnail image span multiple columns?

To be specific: I'm using Masonry to show all posts within a certain category Thumbnail images for each post are shown on the category page in a 3-column format using CSS fluid width columns I need ...
user avatar
  • 21
0 votes
1 answer
156 views

Only output function from functions.php if conditional tag is true

I am using Masonry (included in WP 3.9) in my childe theme. I followed this tutorial. In their code for functions.php they use conditional statement: if ( ! is_admin() ) : function ...
user avatar
1 vote
2 answers
4k views

Masonry imagesLoaded javascript error

After enqueing scripts as per WP codex and WP Beginner tutorial the site has a Javascript error: Uncaught ReferenceError: imagesLoaded is not defined Many others also have this problem. Link: http:/...
user avatar
  • 414
0 votes
0 answers
185 views

How to add an empty entry to masonry?

I am using masonry js library for display posts in my wp installation. The problem with it is that you cannot really add anything between posts entries because absolute positioning is used. So either ...
user avatar
  • 167
2 votes
2 answers
231 views

How to stop PHP code running when in a child theme

I understand you can add extra CSS on top of the parent theme, but how do you remove PHP code from functions.php? I want to remove the Masonry plugin in twentyfourteen theme, and have located the ...
user avatar
  • 133
0 votes
0 answers
3k views

jQuery infinite scroll and pagination styling in wordpress

I am building a wordpress theme with Masonry (Desandro) and Infinitescroll (Paul Irish). In my index.php for masonry loop I have written:- <?php $recentPosts = new WP_Query(array('paged'=>$...
user avatar
0 votes
1 answer
506 views

Masonry Append WordPress posts with singleMode

I'm using Masonry on a Wordpress site, to display posts from a custom post type (training_videos). As all the columns are the same width im using the singleMode = true option. The site is a ...
user avatar
1 vote
2 answers
2k views

Display recent posts with thumbnail within Masonry

On a page-template, I need to display recent 10 posts. So I tried to use, wp_get_recent_posts, found here in the codex, which I think is an appropriate hook for the purpose.The rest of the code is ...
user avatar
  • 442
1 vote
1 answer
4k views

Masonry and Jetpack Infinite Scroll - overlap issue

I am trying to implement infinite scroll with Masonry on my archive pages on my theme and I have a couple of issues: 1) The "Load more posts" button is hidden behind the initial posts when you first ...
user avatar
  • 385
0 votes
0 answers
3k views

Load more posts with Ajax and masonry

I'm using this method to load more posts with Ajax: http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/ I'm also using masonry for the posts layout. Masonry works fine for ...
user avatar
1 vote
3 answers
489 views

Update: I cant enqueue any core scripts. Masonry wont load with enqueue handle, Wordpress 3.6.

I'm trying to load masonry but I'm having no luck, I've managed to load it manually but then I realised it was included in the wordpress core, so I thought oh that's handy. I have it enqueue' (I ...
user avatar
0 votes
2 answers
3k views

Why isn't wp_enqueue_script('jquery-masonry') working?

I'm trying to add masonry sript to my site, but wp_enqueue_script('jquery-masonry'); is not adding the script. Instead I have to use: wp_register_script('jquery_masonry', includes_url(). '/js/...
user avatar
  • 2,470