People have been messaging me about how I got the rounded corner in my main blog http://solarcrash.com that runs on the thesis theme for wordpress
It’s really simple, except that it’s a function of css3 that only works in firefox/safari, but not IE, so it’s not perfect.
Here’s all i did in my custom.css
.custom #page {
/* rounded corners */
-moz-border-radius: 20px; -webkit-border-radius: 20px;
the radius number determins how round of a corner it is, you can use 5px for a very small curve, or a larger number for something more curvy.
I’ll be putting more tips and tricks for beginners here soon as well.
Related posts:
- rounded corners in thesis before i forget – to make rounded corners in thesis...
- Thesis wordpress framework discount This discount offer is now over – but please feel...
- Christians using Thesis framework for wordpress Is it just me, or does there seem to be...
- Thesis 1.6 coming soon… Thesis rocks, I use it for just about all of...
Related posts brought to you by Yet Another Related Posts Plugin.
{ 3 comments… read them below or add one }
Hilarious that you are the first search result in my search this morning after we talked yesterday (@cruciformity).
Is this a cross platform solution or strictly for “modern” browsers (FF, Safari, Chrome)? In other words, what does IE do to your site?
haha Chris, awesome. nothing screws up in IE, it just renders it as a square corner instead.
gotcha. That’s what I was afraid of. stumbled across another site that added one more line than yours.
.custom #nav_area ul li {
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
border-radius: 10px ;
}
I am going to try this one today and cross my fingers that IE does it right.
The client I am designing for is IE only and wants (needs) rounded cornders. He pays me to make suggestions and recommendations, but won’t listen to my “professional opinion” that IE sucks and he should switch. oh well.