Cutomizing Swift: How to remove nav bar rounded corners.

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? :)

This entry was posted in WordPress and tagged , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

6 Comments

  1. Posted October 20, 2009 at 6:56 pm | Permalink

    Wow looks easy. I will try this one. Thank you for sharing this.

  2. Posted October 27, 2009 at 5:45 pm | Permalink

    Not a crap at all.. It’s as sweet and spicy as the sweet bulalo.

  3. Posted December 15, 2009 at 11:24 pm | Permalink

    I love rounded corners and I have them on my site. It just makes you stand out a little more. Thanks for the code

  4. Posted January 26, 2010 at 5:52 pm | Permalink

    Thanks for those important tips on how to deal with rounded corners

  5. Posted January 26, 2010 at 5:56 pm | Permalink

    Great post. Like Tim says rounded corners make you stand out a little more.

  6. Posted March 3, 2010 at 5:09 am | Permalink

    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.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>