http://www.kriesi.at/support/topic/how-to-edit-rounded-corners-of-tabs-search-area Support Forum - Topic: How to edit rounded corners of tabs & search area? en-US Fri, 24 May 2013 21:47:42 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-edit-rounded-corners-of-tabs-search-area#post-23198 Thu, 21 Jul 2011 07:03:23 +0000 Dude 23198@http://www.kriesi.at/support/ <p>Hey,<br /> the rouned corners are rendered by the browser and it's pure css3 magic: <a href="http://www.css3.info/preview/rounded-border/" rel="nofollow">http://www.css3.info/preview/rounded-border/</a></p> <p>The code can be found in style.css:<br /> <pre><code>#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; }</code></pre> http://www.kriesi.at/support/topic/how-to-edit-rounded-corners-of-tabs-search-area#post-23182 Thu, 21 Jul 2011 01:59:41 +0000 pixelrage 23182@http://www.kriesi.at/support/ <p>First of all, I love this theme and it was a purchase well made :)</p> <p>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 &amp; 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? </p> <p>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.</p> <p>Thanks! </p>