<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.1" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>THE MOLITOR FORUMS &#187; Topic: Single post width without image, script problems in single post.</title>
		<link>http://www.themolitor.com/forums/topic/single-post-width-without-image-script-problems-in-single-post</link>
		<description>THE MOLITOR FORUMS &#187; Topic: Single post width without image, script problems in single post.</description>
		<language>en-US</language>
		<pubDate>Tue, 28 Apr 2026 17:25:50 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1</generator>
		<textInput>
			<title><![CDATA[Search]]></title>
			<description><![CDATA[Search all topics from these forums.]]></description>
			<name>q</name>
			<link>http://www.themolitor.com/forums/search.php</link>
		</textInput>
		<atom:link href="http://www.themolitor.com/forums/rss/topic/single-post-width-without-image-script-problems-in-single-post" rel="self" type="application/rss+xml" />

		<item>
			<title>RemoD on "Single post width without image, script problems in single post."</title>
			<link>http://www.themolitor.com/forums/topic/single-post-width-without-image-script-problems-in-single-post#post-7660</link>
			<pubDate>Sat, 10 Mar 2012 06:41:40 +0000</pubDate>
			<dc:creator>RemoD</dc:creator>
			<guid isPermaLink="false">7660@http://www.themolitor.com/forums/</guid>
			<description><p>Just to help others with the same problem like me with the sorting of a couple more images in a post here is my workaround I found out by myself:</p>
<p>Before the<br />
<pre><code>//MOLITOR SCRIPTS
function molitorscripts() {
...</code></pre>
<p>you insert the follow code:</p>
<pre><code>(function(c,n){var k=&#34;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==&#34;;c.fn.imagesLoaded=function(l){function m(){var b=c(h),a=c(g);d&#38;&#38;(g.length?d.reject(e,b,a):d.resolve(e));c.isFunction(l)&#38;&#38;l.call(f,e,b,a)}function i(b,a){b.src===k&#124;&#124;-1!==c.inArray(b,j)&#124;&#124;(j.push(b),a?g.push(b):h.push(b),c.data(b,&#34;imagesLoaded&#34;,{isBroken:a,src:b.src}),o&#38;&#38;d.notifyWith(c(b),[a,e,c(h),c(g)]),e.length===j.length&#38;&#38;(setTimeout(m),e.unbind(&#34;.imagesLoaded&#34;)))}var f=this,d=c.isFunction(c.Deferred)?c.Deferred():
0,o=c.isFunction(d.notify),e=f.find(&#34;img&#34;).add(f.filter(&#34;img&#34;)),j=[],h=[],g=[];e.length?e.bind(&#34;load.imagesLoaded error.imagesLoaded&#34;,function(b){i(b.target,&#34;error&#34;===b.type)}).each(function(b,a){var e=a.src,d=c.data(a,&#34;imagesLoaded&#34;);if(d&#38;&#38;d.src===e)i(a,d.isBroken);else if(a.complete&#38;&#38;a.naturalWidth!==n)i(a,0===a.naturalWidth&#124;&#124;0===a.naturalHeight);else if(a.readyState&#124;&#124;a.complete)a.src=k,a.src=e}):m();return d?d.promise(f):f}})(jQuery);</code></pre>
<p>This is an image loading plugin from the creator of the masonry scrip (<a href="http://masonry.desandro.com/" rel="nofollow">http://masonry.desandro.com/</a>)</p>
<p>Then you create a new var in the MOLITOR SCRIPTS:</p>
<pre><code>// VARIABLES
	var sidebar = jQuery(&#039;#sidebar&#039;),
		sideToggle = jQuery(&#34;#sidebarToggle&#34;),
		sidePlus = jQuery(&#34;#plusSign&#34;),
		sideAccent = jQuery(&#34;#sidebarAccent&#34;),
		theBody = jQuery(&#34;body&#34;),
		postimages = jQuery(&#039;#postImgs&#039;);</code></pre>
<p>Then you have to edit the MASONRY-Code in the MOLITOR SCRIPTS to this:</p>
<pre><code>//MASONRY
	jQuery(&#039;#listing,.listing&#039;).masonry({
		singleMode: true,
		animate: true,
		itemSelector: &#039;.post:visible, .page:visible&#039;
	});

	postimages.imagesLoaded( function(){
  		jQuery(&#039;#postImgs&#039;).masonry({
			singleMode: true,
			animate: true,
    		itemSelector: &#039;.postImg&#039;
  		});
	});</code></pre>
<p>Thats it...</p>
<p>This gives you the possibility that the images will be loaded first before the masonry function sorts the image in the columns of the theme.</p>
<p>I don't know if it is correct work, because I'm not a coder. But it works on my page.</p>
<p>Greets
</p></description>
		</item>
		<item>
			<title>RemoD on "Single post width without image, script problems in single post."</title>
			<link>http://www.themolitor.com/forums/topic/single-post-width-without-image-script-problems-in-single-post#post-7539</link>
			<pubDate>Wed, 07 Mar 2012 03:53:22 +0000</pubDate>
			<dc:creator>RemoD</dc:creator>
			<guid isPermaLink="false">7539@http://www.themolitor.com/forums/</guid>
			<description><p>Hm,...</p>
<p>1 day and no response!? Kinda weird...</p>
<p>Specially for the "Problem Two" I need really your help. My site is still in demo mode. I want to use your theme and publish my site as soon as possible. Just that "small" problem stops me.</p>
<p>Or did I make a mistake by asking for some support in the post before?</p>
<p>Greets Remo
</p></description>
		</item>
		<item>
			<title>RemoD on "Single post width without image, script problems in single post."</title>
			<link>http://www.themolitor.com/forums/topic/single-post-width-without-image-script-problems-in-single-post#post-7456</link>
			<pubDate>Mon, 05 Mar 2012 16:44:28 +0000</pubDate>
			<dc:creator>RemoD</dc:creator>
			<guid isPermaLink="false">7456@http://www.themolitor.com/forums/</guid>
			<description><p>At first a big big thank for such a nice template. Its very enjoyable to see that its possible to create an easy and smart template for wordpress without going to that very individual functions like a lot of other templates. That was a big surprise for me! But its for sure honor. Its nice that you tried to use most of the wordpress functionally.</p>
<p>But like always... You can't come up for everybody ;)</p>
<p><strong>Problem One:</strong></p>
<p>In the "blog" template you use a code like this:</p>
<pre><code>&#60;br /&#62;
&#60;?php if (has_post_thumbnail()) { ?&#62;&#60;br /&#62;
&#60;div class=&#34;column&#34;&#62;&#60;br /&#62;
&#60;?php get_template_part(&#34;thumbnail&#34;); ?&#62;&#60;br /&#62;
&#60;/div&#62;&#60;br /&#62;
&#60;div class=&#34;column&#34;&#62;&#60;br /&#62;
&#60;?php } else { ?&#62;&#60;br /&#62;
&#60;div class=&#34;noImgColumn&#34;&#62;&#60;br /&#62;
&#60;?php } ?&#62;&#60;br /&#62;</code></pre>
<p>The code looks if there is a post image. If not, the text part will be larger. Is there a post image, the text part is smaller.</p>
<p>So, sometimes it's happening in blog posts that there is sometimes text only, like a post about an update or something like this. That post looks kinda lost there in the left part of the template with its 280px...</p>
<p>Would it be a big problem to give a single post the width like in the blog list?</p>
<p><strong>Problem Two:</strong></p>
<p>The script which sorts the post images doesn't work correctly for me. In the single post it overlays an existing image below when it isn't fully loaded yet. If the images are loaded once (if I reload) it will display correctly.</p>
<p>You see that phenomen on this post: <a href="http://beta.maennerwerk.com/?p=520" rel="nofollow">http://beta.maennerwerk.com/?p=520</a></p>
<p>OK, in this post are a lot of images. But I guess for that kind of posts is that layout created, right... :P</p>
<p>Greets Remo<br />
And go on with that nice work!
</p></description>
		</item>

	</channel>
</rss>
