http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars Support Forum - Topic: How to round the corners of widgets placed on sidebars en-US Sat, 25 May 2013 15:48:37 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-87108 Sun, 09 Dec 2012 00:30:11 +0000 Nick 87108@http://www.kriesi.at/support/ <p>Closed and merged to <a href="http://www.kriesi.at/support/topic/why-cant-i-display-anything-on-the-right-sidebar" rel="nofollow">http://www.kriesi.at/support/topic/why-cant-i-display-anything-on-the-right-sidebar</a> </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86847 Thu, 06 Dec 2012 19:06:31 +0000 sulker 86847@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>I'm so happy for it works. :) The first change you offer I mean. The corners are rounded now. But the second one is still another porblem: </p> <p><a href="http://www.kriesi.at/support/topic/why-cant-i-display-anything-on-the-right-sidebar" rel="nofollow">http://www.kriesi.at/support/topic/why-cant-i-display-anything-on-the-right-sidebar</a> </p> <p>As "Nick" says, "The problem is, the second sidebar generates inside the first sidebar when that widget is present". He suggest not to use it but I want. Can you fix this problem?</p> <p>So thanks again... </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86704 Thu, 06 Dec 2012 05:37:56 +0000 Devin 86704@http://www.kriesi.at/support/ <p>Hi sulker,</p> <p>The issue with Newscast is that in order for it to work in IE it uses:<br /> <code>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt;</code></p> <p>Inside the header.php file. This means that IE interprets the pages code as if it were IE7 and so it isn't able to make use of border-radius in css. You'll need to open up the header.php and change that to:<br /> <code>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=9&quot; /&gt;</code></p> <p>However, I don't know what negative impact will have on the rest of the layout since as this is what Kriesi used originally to support IE properly and changing the code may cause other issues.</p> <p>To get rid of the border, you can remove the border-left from this line in your style4.css line 206:<br /> <pre><code>.sidebar { border-left: 1px solid #333; }</code></pre> <p>However, it removes the border for both of the sidebars because they aren't named individually. As far as I know there isn't a way to remove the border from just one of the sidebars.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86534 Tue, 04 Dec 2012 21:51:23 +0000 sulker 86534@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>Here you can see my twitter widget on which I opened my site by using Chrome: <a href="http://imgur.com/7hDSI" rel="nofollow">http://imgur.com/7hDSI</a></p> <p>And here you can see my twitte widget on which I opened my site by using IE9: <a href="http://imgur.com/cuEu9&amp;f7ye7" rel="nofollow">http://imgur.com/cuEu9&amp;f7ye7</a></p> <p>You can see the corner difference. I want corners rounded as in Chrome. Is the answer you gave above solution of my poblem?</p> <p>Alson I want to clean the short black line und twitter widget, not the all of border. </p> <p>And I tried your advice but it doesn't work. Nothing is changed. </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86241 Mon, 03 Dec 2012 03:46:40 +0000 Ismael 86241@http://www.kriesi.at/support/ <p>Hi sulker,</p> <p>You can add it at the very end of your style.css. I have checked your site and I think you have it fixed. :) I think the border is not looking good on your sidebar, if you want to remove it, just at it at the end of style.css:<br /> <pre><code>.sidebar { border-left: 0 !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86176 Sun, 02 Dec 2012 12:52:02 +0000 sulker 86176@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>If you opn my site by using IE it seems regular, but if you use chrome or mozilla it seems as it has ben cut off. I did not cahange anything. And to where must I add the cod you gave above? I am using skin4, so must I add the codes to style4.css or to style.css on wp admin panel (editor)? Which one? Also I want th corners of my twitter widget rounded. </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86139 Sun, 02 Dec 2012 00:55:34 +0000 Ismael 86139@http://www.kriesi.at/support/ <p>Hi,</p> <p>You're twitter widget are being cut off. Did you change anything on the styling? Try to add this at the very end of you style.css</p> <pre><code>.sidebar .box { overflow: visible!important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-round-the-corners-of-widgets-placed-on-sidebars#post-86116 Sat, 01 Dec 2012 18:25:04 +0000 sulker 86116@http://www.kriesi.at/support/ <p>How can we round the corners of widgets which are set on sidebar? For example look at my page <a href="http://iyidemokrasi.com" rel="nofollow">http://iyidemokrasi.com</a> and see the twitter widget. </p>