Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    remove rounded corners css

    I've been modding this wordpress theme for some time now but I cant seem to find the code that is making the widgets in the sidebar have rounded tabs. Im trying to locate it so I can make it square again.

    www.ravegrounds.com

    And here is the code from the widgets section. Not sure if its even in here...


    Code:
    /*-------------------------------------------------------------------------------------------*/
    /* 4. WIDGETS */
    /*-------------------------------------------------------------------------------------------*/
    
    /* 4.2 Generic Widgets */
    .widget  { margin: 0 0 20px 0; font-size:12px; }
    .widget h3  { position: relative; margin: 0 0 5px 0; padding: 7px 0 7px 10px; font-size: 14px; color:#fff; background: #6ca0a8; }
    .widget h3 span  { position: absolute; left: 10px; top: 34px; display: block; width: 8px; height: 4px; background: url(images/bg-widget-h3.png) no-repeat left top; }
    .widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }
    
    .widget ul  { clear:both; }
    .widget ul li  { padding: 5px 0 5px 10px; font-size: 12px; border-bottom: 1px solid #dfdfdf; line-height: 16px; }
    .widget ul li a  { text-decoration: none; color: #3f3f3f; }
    .widget ul li a:hover  { text-decoration:underline; }
    .widget ul ul  { padding: 0 0 0 10px; border-top: none; }
    .widget ul ul li  { padding-left: 0; }
    
    #footer-widgets .widget h3  { background: none; color: #424242; border-bottom: 2px solid #dfdfdf; }
    #footer-widgets .widget h3 span  { display: none; }
    
    /* 4.2 Specific Widgets */
    
    /* TWITTER & RECENT COMMENTS */
    .widget_recent_comments li a, .widget_woo_twitter a  { display: inline; background: none!important; border: none!important; color: #6ca0a8!important; }
    
    /* TEXT WIDGET */
    .widget_text .textwidget  { padding: 7px 10px 0; border-bottom: 1px solid #dfdfdf; }
    
    /* SEARCH WIDGET */
    .widget_woo_search h3  { margin: 0 0 15px 0; }
    .widget_woo_search form  { padding: 0 10px 10px; border-bottom: 1px solid #dfdfdf; }
    .widget input.s  { float:left; width: 65%; padding: 8px 0 8px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background-color: #ededed;  }
    .widget input.s:focus  { background-color: #fff; }
    .widget .screen-reader-text  { display: none; }
    .widget input.submit { float:right; }
    
    #footer-widgets .widget input.s  { width: 50%; }
    
    /* TAG CLOUD */
    .widget_tag_cloud div  { padding: 5px 10px 10px; border-bottom: 1px solid #dfdfdf; }
    .widget_tag_cloud div a  { color: #6ca0a8; }
    .widget_tag_cloud div a:hover  { color: #3f3f3f; text-decoration: none; }
    
    /* FLICKR */
    .widget_woo_flickr  { border-bottom: 1px solid #dfdfdf; }
    .widget_woo_flickr h3  { margin: 0 0 10px 0; }
    .widget_woo_flickr .flickr_badge_image  { float: left; margin: 3px; }
    
    .widget_woo_flickr .wrap  { padding: 0; }
    .widget_woo_flickr a img  { float: left;  margin: 0 0 8px 8px;  display: block; border: #dfdfdf 1px solid; padding: 3px;}
    .widget_woo_flickr a:hover img  { border:#6ca0a8 1px solid; }
    
    /* LIFESTREAM */
    .widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
    .widget_lifestream ul li a  { border:none; background:none!important; }
    .widget_lifestream ul .lifestream_meta  { color: inherit; }
    
    /* CALENDAR */
    #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
    #wp-calendar caption{padding:10px;}
    #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
    #wp-calendar td{background:transparent;}
    #wp-calendar td,table#wp-calendar th{padding:3px 0;}
    
    /* BLOG AUTHOR WIDGET */
    .widget_woo_blogauthorinfo  { padding: 0 0 5px; border-bottom: 1px solid #dfdfdf; }
    .widget_woo_blogauthorinfo h3  { margin: 0 0 15px; }
    .widget_woo_blogauthorinfo .avatar { padding: 3px; border: 1px solid #dfdfdf; background:#F8F8F8; background:rgba(255,255,255,0.7);}
    .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
    .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
    
    /* AD WIDGETS */
    .adspace-widget h3  { margin: 0 0 10px 0; text-align: left; }
    .adspace-widget  { padding: 0 0 10px 0; text-align: center; }
    
    #advert_125x125  { padding: 12px 0 0 0; border: 1px solid #dfdfdf; text-align: center; background: #eee; }
    #advert_125x125 img  { margin: 0 5px 7px; }
    
    /* WOOTABS */
    #tabs {	margin-bottom:20px; }
    
    #tabs ul.wooTabs { padding:0px; }
    #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; text-transform: uppercase; margin:0px; cursor: pointer; }
    #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#6ca0a8; text-decoration:none; color: #fff; }
    #tabs ul.wooTabs li a {	color:#a1a1a1; background: #dfdfdf; display: block;float: left;padding: 5px 10px; margin-right: 5px; font-size: 11px; font-weight: bold; }
    
    #tabs .inside { background:#6ca0a8; padding:5px;}
    #tabs .inside li { background:#fff;  }
    #tabs #tab-tags { padding:10px; }
    #tabs .inside ul { margin:0; border-width:1px 0 1px 0; }
    #tabs .inside li { border-bottom:1px solid #dfdfdf; padding:10px; line-height: 16px; }
    #tabs .inside li a { color:#3f3f3f; font-size: 14px; font-weight: bold; }
    #tabs .inside a:hover{}
    #tabs .inside li span.meta { display:block; font-size: 11px; font-style: italic; text-transform:uppercase; }
    #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }
    #tabs .inside #tab-comm a  { font-weight: normal; font-size: 12px; }
    #tabs .inside #tab-tags  { background: #fff; }
    #tabs .inside #tab-tags a  { color: #3f3f3f; }
    #tabs .inside #tab-tags a:hover  { color: #6ca0a8; text-decoration: none; }
    
    #footer-widgets #tabs ul.wooTabs li a  { font-size: 11px; padding: 4px 5px; margin: 0 3px 0 0; background: #c4c4c4; color: #fff; }
    #footer-widgets #tabs .inside  { padding: 2px; background: #c4c4c4; }
    #footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover  { color: #424242; }

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,688
    Thanks
    22
    Thanked 1,829 Times in 1,813 Posts
    Hello ikidunot,
    In your effects.css you'll find
    Code:
    .widget h3, input.s, .nav-entries, .wp-pagenavi, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, #comments  .avatar, #commentform input.txt, #commentform textarea, .entry img, img.thumbnail { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
    img.wp-smiley  { -moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; }
    You should look into FireBug for FireFox. I found that bit of CSS in about half a second with it.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    ikidunot (05-29-2010)

  • #3
    New to the CF scene
    Join Date
    May 2010
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    thank you again for the help and tip


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •