How can we round the corners of widgets which are set on sidebar? For example look at my page http://iyidemokrasi.com and see the twitter widget.
How to round the corners of widgets placed on sidebars
8 posts from 4 voices-
Posted 5 months ago #
-
Hi,
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
.sidebar .box { overflow: visible!important; }Regards,
IsmaelPosted 5 months ago # -
Hi Ismael,
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.
Posted 5 months ago # -
Hi sulker,
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:
.sidebar { border-left: 0 !important; }Hope this helps. :)
Regards,
IsmaelPosted 5 months ago # -
Hi Ismael,
Here you can see my twitter widget on which I opened my site by using Chrome: http://imgur.com/7hDSI
And here you can see my twitte widget on which I opened my site by using IE9: http://imgur.com/cuEu9&f7ye7
You can see the corner difference. I want corners rounded as in Chrome. Is the answer you gave above solution of my poblem?
Alson I want to clean the short black line und twitter widget, not the all of border.
And I tried your advice but it doesn't work. Nothing is changed.
Posted 5 months ago # -
Hi sulker,
The issue with Newscast is that in order for it to work in IE it uses:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />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:
<meta http-equiv="X-UA-Compatible" content="IE=9" />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.
To get rid of the border, you can remove the border-left from this line in your style4.css line 206:
.sidebar { border-left: 1px solid #333; }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.
Regards,
Devin
Posted 5 months ago # -
Hi Devin,
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:
http://www.kriesi.at/support/topic/why-cant-i-display-anything-on-the-right-sidebar
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?
So thanks again...
Posted 5 months ago # -
Closed and merged to http://www.kriesi.at/support/topic/why-cant-i-display-anything-on-the-right-sidebar
Posted 5 months ago #
Topic Closed
This topic has been closed to new replies.














