Would like to add box around widgets in TwentyTen

wellbeautyblog · Member · Apr 4, 2011 at 4:57 am
Copy link

Add topic to favorites
Hello, I’m working on editing the CSS for my blog, wellbeauty.wordpress.com and I would like to do something with the widgets on the right. I really like how Albeo has a little box around the widgets, is it possible I can do that in TwentyTen?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 4, 2011 at 5:43 am
Copy link
Not knowing exactly what you want for a “box”, give this a try as just a starter. I’ve just used a red color as a sample.
```
.widget-container {
background: none repeat scroll 0 0 #CC0000;
padding: 10px;
}
```
wellbeautyblog · Member · Apr 4, 2011 at 2:01 pm
Copy link
Thank you! This is exactly what I was looking for. Is it possible to do curved edges with the boxes?
timethief · Member · Apr 4, 2011 at 4:18 pm
Copy link
Does this help? http://www.roundpic.com/
wellbeautyblog · Member · Apr 4, 2011 at 4:35 pm
Copy link
Yes, thats what I’m looking for but I need the css code to make those rounded edges for the boxes.
thesacredpath · Member · Apr 4, 2011 at 5:25 pm
Copy link
Do be aware that anyone on IE8 or older won’t see the rounded CSS corners, and some other older browsers won’t render them rounded either. To make sure and have the broadest coverage, there are three border radius declarations.
```
.widget-container {
background: #CC0000;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
```
timethief · Member · Apr 4, 2011 at 5:32 pm
Copy link
~~g’day TSP :)
wellbeautyblog · Member · Apr 4, 2011 at 5:33 pm
Copy link
This is awesome, thank you SO much!
thesacredpath · Member · Apr 4, 2011 at 6:00 pm
Copy link
You are welcome.

G’day to you too, TT!

No items found.