
Hello fellow netizens!
Rounded corners have their uses but sometimes we need to go back to simple blocky designs. Swift comes with rounded corners implemented through CSS in the navigation or menu areas. However, you can see that Bulalo has no soft, rounded corners anywhere.
So, how do we remove the rounded corners from the nav bars? Satish, creator of Swift, was kind enough to provide the following instructions:
1. Go to Style.CSS, find and remove the following code under NAVIGATION STYLES:
#nav1{ -moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;}
#nav2,#commentform label.comment,h4.postcomment{ -moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;}
2. Replace with the following code:
#commentform label.comment,h4.postcomment{ -moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;}
The Style.CSS is accessible via CPanel. It is found directly within the Swift theme folder. We didn’t delete the original code though. Simply commented it out (putting the code between “/*” and “*/” like this ==> /*– code here –*/) in case we wanted rounded corners again.
Easy as pie! Try Swift now! Download it here.
CRAP or NOT?
6 Comments
Wow looks easy. I will try this one. Thank you for sharing this.
Not a crap at all.. It’s as sweet and spicy as the sweet bulalo.
I love rounded corners and I have them on my site. It just makes you stand out a little more. Thanks for the code
Thanks for those important tips on how to deal with rounded corners
Great post. Like Tim says rounded corners make you stand out a little more.
There are so many things like this on themes that you can change easily. Save a copy of your css and play around. Make one change at a time and see what the results are, you may be suprised with what you get.