<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Question2Answer Q&amp;A - Recent questions tagged masonry</title>
<link>https://www.question2answer.org/qa/tag/masonry</link>
<description>Powered by Question2Answer</description>
<item>
<title>I am using masonry and infinite scroll in my theme but</title>
<link>https://www.question2answer.org/qa/35228/i-am-using-masonry-and-infinite-scroll-in-my-theme-but</link>
<description>

&lt;p&gt;
	it's duplicating some questions , here is the my code ; if I can do this i will share my theme here free&lt;/p&gt;


&lt;blockquote&gt;
	

&lt;div&gt;
		&amp;nbsp; $(function(){&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp;&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; var $container = $('#container');&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp;&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; $container.imagesLoaded(function(){&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; $container.masonry({&lt;/div&gt;
	

&lt;div&gt;
		itemSelector : '.box',&lt;/div&gt;
	

&lt;div&gt;
		isFitWidth: true,&lt;/div&gt;
	

&lt;div&gt;
		columnWidth: 236,&lt;/div&gt;
	

&lt;div&gt;
		gutter: 14&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; });&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp;$('#loading').hide();&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; });&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp;&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; $container.infinitescroll({&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; navSelector &amp;nbsp;: '.qa-page-links-list', &amp;nbsp; &amp;nbsp;// selector for the paged navigation&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; nextSelector : '.qa-page-links-list .qa-page-next', &amp;nbsp;// selector for the NEXT link (to page 2)&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; itemSelector : '.box' &amp;nbsp; &amp;nbsp; // selector for all items you'll retrieve&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; },&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; // trigger Masonry as a callback&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; function( newElements ) {&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; // hide new items while they are loading&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; var $newElems = $( newElements ).css({ opacity: 0 });&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; // ensure that images load before adding to masonry layout&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $newElems.imagesLoaded(function(){&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; // show elems now they're ready&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $newElems.animate({ opacity: 1 });&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $container.masonry( 'appended', $newElems, true );&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; });&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; &amp;nbsp; }&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; &amp;nbsp; );&lt;/div&gt;
	

&lt;div&gt;
		&amp;nbsp; });&lt;/div&gt;
&lt;/blockquote&gt;</description>
<category>Q2A Core</category>
<guid isPermaLink="true">https://www.question2answer.org/qa/35228/i-am-using-masonry-and-infinite-scroll-in-my-theme-but</guid>
<pubDate>Thu, 19 Jun 2014 04:28:42 +0000</pubDate>
</item>
<item>
<title>New Theme Launched!!! Q2A Market - Max Control Theme With Tons of Options Now Available</title>
<link>https://www.question2answer.org/qa/24419/theme-launched-market-control-theme-with-options-available</link>
<description>

&lt;p&gt;
	&lt;a href=&quot;http://store.q2amarket.com/store/products/max-control-responsive/&quot; rel=&quot;nofollow&quot;&gt;&lt;img alt=&quot;Max Control Theme - Q2A Market&quot; src=&quot;http://www.question2answer.org/qa/?qa=blob&amp;amp;qa_blobid=5061260257894862576&quot; style=&quot;width: 600px; height: 375px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;


&lt;div&gt;
	&lt;a href=&quot;http://maxcontrol.q2amarket.com/&quot; rel=&quot;nofollow&quot;&gt;&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 20px;&quot;&gt;&lt;span style=&quot;background-color: rgb(255, 255, 0);&quot;&gt;View Demo&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	Max Control theme developed with almost 186 options which allows maximum control in your hand so you can customize layout, color, look and feel as per your choice without having any programming skill. Color picker and slider control allows you interactive and easy control over the complex part of theme very easily. Max Control theme has multiple layout option including masonry and list laout.&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;span style=&quot;font-size:16px;&quot;&gt;Features&lt;/span&gt;&lt;/div&gt;


&lt;ul&gt;
	

&lt;li&gt;
		Multi-Layout Option&lt;/li&gt;
	

&lt;li&gt;
		186 Theme Options&lt;/li&gt;
	

&lt;li&gt;
		Fully Customizable Design&lt;/li&gt;
	

&lt;li&gt;
		Unlimited Color Scheme&lt;/li&gt;
	

&lt;li&gt;
		Color Picker&lt;/li&gt;
	

&lt;li&gt;
		Slider Controller&lt;/li&gt;
	

&lt;li&gt;
		5 Body Fonts&lt;/li&gt;
	

&lt;li&gt;
		15 Heading Fonts&lt;/li&gt;
	

&lt;li&gt;
		No Programing Skill Required&lt;/li&gt;
	

&lt;li&gt;
		LTR and RTL Language Support&lt;/li&gt;
	

&lt;li&gt;
		Icon, Lable or Both Type of Navigation&lt;/li&gt;
	

&lt;li&gt;
		Joyride&lt;/li&gt;
	

&lt;li&gt;
		Easy to Setup&lt;/li&gt;
	

&lt;li&gt;
		Cross Browsing&lt;/li&gt;
	

&lt;li&gt;
		Icons, Star, Tick and Vote PSDs Included&lt;/li&gt;
	

&lt;li&gt;
		18 Theme Setup Video Tutorials&lt;/li&gt;
	

&lt;li&gt;
		Theme Support&lt;/li&gt;
	

&lt;li&gt;
		and more…&lt;/li&gt;
&lt;/ul&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;a href=&quot;http://maxcontrol.q2amarket.com/&quot; rel=&quot;nofollow&quot;&gt;&lt;span style=&quot;color:#ff0000;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size:20px;&quot;&gt;&lt;span style=&quot;background-color:#ffff00;&quot;&gt;View Demo&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;span style=&quot;font-size:16px;&quot;&gt;All Theme Video Tutorials&lt;/span&gt;&lt;/div&gt;


&lt;ol&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/1-max-control-installation/&quot; rel=&quot;nofollow&quot;&gt;Installation&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/2-max-control-body-and-language-options/&quot; rel=&quot;nofollow&quot;&gt;Body and Language&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/3-max-control-link-heading-and-other-options/&quot; rel=&quot;nofollow&quot;&gt;Link, Heading and Other&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/4-max-control-header-options/&quot; rel=&quot;nofollow&quot;&gt;Header&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/5-max-control-main-navigation-options/&quot; rel=&quot;nofollow&quot;&gt;Main Navigation&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/6-max-control-sub-navigation-options/&quot; rel=&quot;nofollow&quot;&gt;Sub Navigation&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/7-max-control-layout-options/&quot; rel=&quot;nofollow&quot;&gt;Layout&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/8-max-control-question-list-options/&quot; rel=&quot;nofollow&quot;&gt;Question List&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/9-max-control-sidebar-and-widget-options/&quot; rel=&quot;nofollow&quot;&gt;Sidebar and Widget&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/10-max-control-vote-answer-and-view-counters-options/&quot; rel=&quot;nofollow&quot;&gt;Vote, Answer and View Counters&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/11-max-control-tags-users-and-categories/&quot; rel=&quot;nofollow&quot;&gt;Tags, Users and Categories&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/12-max-control-question-page-options/&quot; rel=&quot;nofollow&quot;&gt;Question Page&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/13-max-control-footer-and-social-options/&quot; rel=&quot;nofollow&quot;&gt;Footer and Social&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/14-max-control-input-and-buttons-options/&quot; rel=&quot;nofollow&quot;&gt;Input and Buttons&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/15-max-control-loginbox-and-serachbox-options/&quot; rel=&quot;nofollow&quot;&gt;Loginbox and Searchbox&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/16-max-control-rounded-corners-options/&quot; rel=&quot;nofollow&quot;&gt;Rounded Corners&lt;/a&gt;&lt;/li&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/17-max-control-custom-css/&quot; rel=&quot;nofollow&quot;&gt;Custom CSS&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;span style=&quot;font-size:16px;&quot;&gt;Bonus Tutorial&lt;/span&gt;&lt;/div&gt;


&lt;ul&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://tv.q2amarket.com/max-control-theme/max-control-dark-theme-setup-tutorial/&quot; rel=&quot;nofollow&quot;&gt;Dark Theme Setup&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;a href=&quot;http://store.q2amarket.com/store/products/max-control-responsive/&quot; rel=&quot;nofollow&quot;&gt;&lt;span style=&quot;color:#ff0000;&quot;&gt;&lt;span style=&quot;font-size:18px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;background-color:#ffff00;&quot;&gt;Buy Now&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;span style=&quot;font-size:16px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;Bug Fixed:&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;strong&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;I have fixed two bugs pops in small devices&lt;/span&gt;&lt;/strong&gt;
&lt;br style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;
	&lt;span style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;1. comment action links hover bg color&lt;/span&gt;
&lt;br style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;
	&lt;span style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;2. comment action links floating issue&lt;/span&gt;&lt;/div&gt;


&lt;div&gt;
	&amp;nbsp;&lt;/div&gt;


&lt;div&gt;
	&lt;span style=&quot;font-size:16px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;Added New Option:&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;


&lt;ul&gt;
	

&lt;li&gt;
		&lt;span style=&quot;color: rgb(51, 51, 51); font-family: Helvetica, Arial, Sens-serif; line-height: 18px;&quot;&gt;Enable/Disable Joyride Feature&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
<category>Q2A Core</category>
<guid isPermaLink="true">https://www.question2answer.org/qa/24419/theme-launched-market-control-theme-with-options-available</guid>
<pubDate>Sat, 08 Jun 2013 11:43:06 +0000</pubDate>
</item>
</channel>
</rss>