Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #5109

    First of all, I love this theme and it was a purchase well made :)

    Now, I have the most stupid question anyone will ever ask you about it… if you look at the header of the theme, the box that surrounds the search bar & social networking icons has rounded corners. Where are the images for those rounded corners being called from? Also, the header main menu links have a tab that appears when you hover on them. Where are those images from?

    I need to edit both of these things because I am changing their colors. I have been looking at the code seemingly for hours and I simply can’t figure out how you made those rounded corners, and it looks like images were not used to make them.

    Thanks!

    #48914

    Hey,

    the rouned corners are rendered by the browser and it’s pure css3 magic: http://www.css3.info/preview/rounded-border/

    The code can be found in style.css:

    #top #nav li, #top .nav li{
    margin-right:3px;
    float:left;
    position:relative;
    z-index:20;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    border-top-left-radius: 3px;
    border-top-right-radius:3px;
    }

    #top #nav li li, #top .nav li li{
    border-left:none;
    margin:0;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    border-top-left-radius: 0px;
    border-top-right-radius:0px;
    }

    and

    .rounded, .rounded_small, .sidebar .box, .gallery_inner, .display, #top .pagination span, #top .pagination a, .entry, .text_input, .button, textarea, .tooltip, .comment_content, .gravatar img, .date, .more-link, .wp-caption {
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to edit rounded corners of tabs & search area?’ is closed to new replies.