http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image Support Forum - Topic: Images + text in sidebar: text always go in new line instead of next to image en-US Tue, 18 Jun 2013 23:18:02 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-925 Mon, 26 Jul 2010 16:02:03 +0000 James Morrison 925@http://www.kriesi.at/support/ <p>Hi! </p> <p> Awesome, I guess this is now resolved. Let me know if you need any other help. </p> <p> Regards,<br /> James </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-920 Mon, 26 Jul 2010 15:09:38 +0000 colorit 920@http://www.kriesi.at/support/ <p>Thank you very much, James!</p> <p>I would never have guessed to find this in /js/. Now it works fine, thanks!! </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-918 Mon, 26 Jul 2010 14:54:56 +0000 James Morrison 918@http://www.kriesi.at/support/ <p>The image preloading function is causing this bug. To fix it, open up /js/custom.js and search for this line:</p> <p><code>images = imageContainer.find(&#39;img&#39;).css({opacity:0, visibility:&#39;hidden&#39;,display:&#39;block&#39;}),</code></p> <p>Change it to:</p> <p><code>images = imageContainer.find(&#39;img&#39;).css({opacity:0, visibility:&#39;hidden&#39;}),</code></p> <p>This will remove the display: block which is causing the mis-alignment. </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-905 Mon, 26 Jul 2010 13:57:51 +0000 colorit 905@http://www.kriesi.at/support/ <p><a href="http://tinyurl.com/24hohyh" rel="nofollow">http://tinyurl.com/24hohyh</a></p> <p>Just the first line in above posting :-) </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-899 Mon, 26 Jul 2010 13:35:19 +0000 James Morrison 899@http://www.kriesi.at/support/ <p>Hi! </p> <p> Sorry, can you give me the actual URL? Screenshots are useful but I can't see where the code is to change if you've made and edits. </p> <p>If it's private / password protected can you email the details to support {at} jamesmorrisondesign {dot} com with the subject:</p> <p><code>Kriesi | Newscast | colorit | Images &amp; Text In Sidebar</code></p> <p>and I'll have a look for you.</p> <p> Best regards,<br /> James </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-781 Sun, 25 Jul 2010 14:30:24 +0000 colorit 781@http://www.kriesi.at/support/ <p>This is a test posting: <a href="http://tinyurl.com/24hohyh" rel="nofollow">http://tinyurl.com/24hohyh</a></p> <p>Look at the bottom of the sidebar, where the pink pens are, this is my normal text widget with 2 images.</p> <p>In <strong>my</strong> text widget, the text goes in a new line below the images <strong>instead of next to the image</strong>:</p> <p><a href="http://i29.tinypic.com/2njfwnn.jpg" rel="nofollow">http://i29.tinypic.com/2njfwnn.jpg</a></p> <p>But in the sidebar above it, in your "NEWSCAST SIDEBAR NEWS"-Widget the images go next to the text:</p> <p><a href="http://i27.tinypic.com/eqxt9v.jpg" rel="nofollow">http://i27.tinypic.com/eqxt9v.jpg</a></p> <p>Obviously is there a special formatting, that differs from the normal Wordpress text widgets, when inserting there a normal image + text.<br /> My code inside the sidebar text widget is just this:</p> <p><a href="http://i25.tinypic.com/2r54yde.jpg" rel="nofollow">http://i25.tinypic.com/2r54yde.jpg</a></p> <p>Then the same <strong>below a posting</strong>, when showing related posts:</p> <p><a href="http://i30.tinypic.com/fllt21.jpg" rel="nofollow">http://i30.tinypic.com/fllt21.jpg</a></p> <p>The "Plus" is an image of mine, but these images, as well as my images, that I insert in the text widget, mentioned above, has an attribute:</p> <p><strong>This is the sidebar:</strong><br /> <a href="http://i29.tinypic.com/2njfwnn.jpg" rel="nofollow">http://i29.tinypic.com/2njfwnn.jpg</a></p> <p><strong>This is the analysis with firebug:</strong><br /> <a href="http://i30.tinypic.com/5vun7t.jpg" rel="nofollow">http://i30.tinypic.com/5vun7t.jpg</a></p> <p>But I haven't found, where this code</p> <p><a href="http://i32.tinypic.com/amcm11.jpg" rel="nofollow">http://i32.tinypic.com/amcm11.jpg</a></p> <p>is coming from, because this "display: block", that comes with all "img src= ..." causes, that all images are going to a new line with the following text instead that the text comes right and next to the images.</p> <p>This has effects for example on each plugin, too, that want to show images in the sidebar or below posts. </p> <p>Have you any idea?<br /> Thanks. </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-643 Sat, 24 Jul 2010 12:25:37 +0000 James Morrison 643@http://www.kriesi.at/support/ <p>Hey! </p> <p> Can you post the URL to your site?</p> <p>Basically a few CSS edits are needed, if you've modified the theme at all, where you need to make the changes may have moved. </p> <p> Best regards,<br /> James </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-467 Thu, 22 Jul 2010 22:43:11 +0000 colorit 467@http://www.kriesi.at/support/ <p>By the way:</p> <p>in normal posts it is the same problem, when I add just an image and a text next to it:</p> <p><a href="http://i25.tinypic.com/sy6ouh.jpg" rel="nofollow">http://i25.tinypic.com/sy6ouh.jpg</a></p> <p>The text is always shown in a new line. </p> http://www.kriesi.at/support/topic/images-text-in-sidebar-text-always-go-in-new-line-instead-of-next-to-image#post-450 Thu, 22 Jul 2010 16:31:58 +0000 colorit 450@http://www.kriesi.at/support/ <p>Hi,</p> <p>I nearly go mad ... each image, that I add in the sidbar, gets the tag <code>display: block</code>, and for this reason, the following text goes in a new line and not - as I intend - right next to the image:</p> <p><a href="http://i28.tinypic.com/2eul7pj.jpg" rel="nofollow">http://i28.tinypic.com/2eul7pj.jpg</a></p> <p>I would like to have the text next to the image, not in a new line. I used there the "link" widget of Wordpress in the frontpage sidebar.</p> <p>I've tried to figure it out with Firebug and it says, that there is an "element.style", see screenshot, at the right side:</p> <p><a href="http://i29.tinypic.com/30jmh5w.jpg" rel="nofollow">http://i29.tinypic.com/30jmh5w.jpg</a></p> <p>But next to it, there is no declaration, whether it belongs to a CSS file.</p> <p>In Firebug, if I deleted within the <code>img src ...</code> the <code>display: block</code>, then it works fine: the text comes next to the image and not in a new line.</p> <p>But I haven't found out, where to change this in "real", in which file or place?</p> <p>What can I do, so that I can add images in the sidebar, so that they do not get such a linebreak, based on this <code>display: block</code>?</p> <p>Thanks. </p>