Cannot make masonry effect work [FIXED]

No matter what I do, I cannot make the effect work. I have tried the configuration given above and it still doesn't give any effect.

jQuery Masonry v2.1.06
Masonry API 7.x-2.0
Masonry Views 7.x-1.0
jQuery Update 7.x-2.5 1.8 version (jQuery and jQuery UI CDN: None)

Status report looks good. Bricks do not rearrange when the window is resized.

@leramulina, can you please share your "fix" in this issue? It is always best practice to post your resolutions when you figure things out on your own, so that others having the same problem can benefit from your new found knowledge.

Cleaning up the issue list as part of new maintainer ramp-up on that module.
I will only support 3.x version. Thanks for your comprehension.
Dom.

I have uploaded a css file (with ending of text because I can't attach css files) and a new info file to include the css. This will allow people to just turn on the module and have things work. This will work for any of the versions. The version I use is the 7.x-3.0-beta1 but the change is simple enough that it will work for any version. The other option would be to add this as a readme

Here is a patch file

Here is a patch attached with some corrections regarding the following:

1. +++ b/masonry_views.css
   @@ -0,0 +1,8 @@
   +float: left;
   

   Not needed: this is Masonry Layout magic !

2. +++ b/masonry_views.css
   @@ -0,0 +1,8 @@
   +border: 1px solid #333;
   +background-color: #333;
   

   Too dark for Drupal default theme

3. +++ b/masonry_views.css
   @@ -0,0 +1,8 @@
   +margin: 10px;
   +padding: 5px;
   

   Let's make this percent thus more flexible.

4. +++ b/masonry_views.info
   @@ -4,6 +4,7 @@ core = 7.x
   +stylesheets[all][] = masonry_views.css
   

   Wrong way to include. This way, the CSS will be included on everypages. It takes to be included for the view display only via drupal_add_css on preprocess_view method.

Commited on dev branch. Will be included in next release.

Hi,
This CSS file breaks my Masonry grid :(
I use a 12 column Bootstrap based theme, and my masonry-item elements have also specific classes that indicate the percent width of the columns (for example, col-sm-4 indicates that masonry-item occupies 4 columns (33% of the total width)). More info at http://getbootstrap.com/css/#grid.
This CSS file adds border, padding and margin to masonry-item, making it wider and therefore breaking my grid.
Renaming or deleting this file solves my problem, but... Is there another option to solve this issue?
Thanks!

grinxols

If you simply delete thous files - Drupal will get error to when trying to find them.

It is another way to hack this

		.masonry-item{
				padding-top:0;
				padding-bottom:0;
				margin:0;
				border:none;
				background-color:transparent;
		}

My goal is to give minimum CSS for site builders that use the module with no dev. For other, it implies to add some css to there theme as per @NIKS_Artreaktor suggestion.