http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue Support Forum - Topic: .PNG transparent images not transparent + Widget image issue en-US Wed, 22 May 2013 05:28:51 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-33197 Sun, 27 Nov 2011 05:03:09 +0000 Chris Beard 33197@http://www.kriesi.at/support/ <p>Hey,</p> <p>go to HTML view and put this in below your images:<br /> <code>&lt;div class=&quot;clearboth&quot;&gt;&amp;nbsp;&lt;/div&gt;</code> </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-33171 Sat, 26 Nov 2011 19:19:32 +0000 bombstriker 33171@http://www.kriesi.at/support/ <p>Yeah, take a look at the "Contact" page...</p> <p><a href="http://rocketgruntjessica.com/?page_id=43" rel="nofollow">http://rocketgruntjessica.com/?page_id=43</a></p> <p>The images are going side by side now but it disrupts the look of the page. I would want those images all centered and be able to put text on the bottom not on the side like that. Let me know what you think could be a possible the fix to that haha. </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-33170 Sat, 26 Nov 2011 19:14:28 +0000 bombstriker 33170@http://www.kriesi.at/support/ <p>But I can't center the images now? </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-33169 Sat, 26 Nov 2011 19:13:22 +0000 bombstriker 33169@http://www.kriesi.at/support/ <p>This worked, thank you. </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-32857 Wed, 23 Nov 2011 10:09:54 +0000 Chris Beard 32857@http://www.kriesi.at/support/ <p>In your style.css you'll find<br /> <pre><code>.entry img { padding: 3px; }</code></pre> <p>You can make it float left by using<br /> <pre><code>.entry img { padding: 3px; float: left; }</code></pre> <p>This, however will change all images you'll use within entries, maybe this doesn't matter - but a solution to this would be to put a class around your images in HTML view. For example:<br /> <code>&lt;p class=&quot;floatleft&quot;&gt;&lt;img src=&quot;image1.png&quot; /&gt;&lt;img src=&quot;image2.png&quot; /&gt;&lt;img src=&quot;image3.png&quot; /&gt;&lt;img src=&quot;image4.png&quot; /&gt;&lt;/p&gt;</code></p> <p>The CSS for this would be<br /> <pre><code>.entry .floatleft img { float: left; }</code></pre> <p>You can add that below ".entry img"</p> <p>Let me know if it works :) </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-32834 Wed, 23 Nov 2011 07:02:17 +0000 bombstriker 32834@http://www.kriesi.at/support/ <p>It is on the contact page.</p> <p><a href="http://rocketgruntjessica.com/?page_id=43" rel="nofollow">http://rocketgruntjessica.com/?page_id=43</a> </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-32802 Wed, 23 Nov 2011 02:30:46 +0000 Chris Beard 32802@http://www.kriesi.at/support/ <p>Could you link to a page where you have multiple images you'd like to put in one line? This way we can give specific instructions :) </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-32600 Mon, 21 Nov 2011 08:20:03 +0000 bombstriker 32600@http://www.kriesi.at/support/ <p>Alright I am having a new issue here but it is really related to my #2 question again. That worked for the sidebar but now I need to get images to line up side by side in my main body of the pages &amp; posts. Where would I place that code, I tried several spots and I couldn't find it.</p> <p>Thanks again!!! </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-31378 Mon, 07 Nov 2011 18:41:55 +0000 bombstriker 31378@http://www.kriesi.at/support/ <p>Both solutions worked out great! Thank you very much for the help! </p> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-31342 Mon, 07 Nov 2011 07:54:06 +0000 Dude 31342@http://www.kriesi.at/support/ <p>Hey,<br /> I think this thread will help you: <a href="http://www.kriesi.at/support/topic/how-to-remove-the-image-borders" rel="nofollow">http://www.kriesi.at/support/topic/how-to-remove-the-image-borders</a> - I'd use the second solution (noborder class for transparent images).</p> <p>2) Try to remove the center tag and add following code to style.css:<br /> <pre><code>#main .sidebar img { display: inline !important; }</code></pre> http://www.kriesi.at/support/topic/png-transparent-images-not-transparent-widget-image-issue#post-31335 Mon, 07 Nov 2011 02:17:10 +0000 bombstriker 31335@http://www.kriesi.at/support/ <p>Transparent Issue --- I have searched for these problems and haven't found a direct answer really. When I place my .PNG transparent image in a normal text box widget for the sidebar the image does not appear transparent. Instead it adds in a black background and places a grey border around the image. It does the same for .GIF images as well. I want to remove this border that is there and get my image to appear transparent like intended. If you look at the site right now you will see two images stacked up, they should be transparent but are not, it puts a dark color behind it and you can see the border which isn't supposed to be there. What can I do to get .PNG's and .GIF's transparent like they should be?</p> <p>Widget Image Issue --- I plan on placing two "buttons" side by side in the sidebar but it will not allow them to be beside each other and instead stacks them vertically. If you look at the site now I threw two images up there that should be side by side because they are small enough to fit but will not. How is this corrected?</p> <p>My URL is <a href="http://www.rocketgruntjessica.com" rel="nofollow">http://www.rocketgruntjessica.com</a></p> <p>Thank you so very much! :) </p>