
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?