Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   color of wp-calendar (http://forum.bytesforall.com/showthread.php?t=1096)

boris Apr 4, 2009 11:00 AM

color of wp-calendar
 
Hello guys,
I'm really a newbie of wordpress and php in general, so I'm sorry if I'm asking something of so obvious:
I'm try to fix the layout of this site: www.fuorifuoco.org (Atahualpa 3.2)
The issue is, since my body color is white, how could I turn the calendar color to black (not the backgroud but the numbers, months, etc.)

I paste the slice of stlye.css I edited:

PHP Code:

/*-------------------- CALENDAR WIDGET --------------------*/

#calendar_wrap {
    
padding0;
    
bordernone;
        
background-color#ffffff;        
        
color#000000 !important;
    
}
    
table#wp-calendar {
    
width100%; 
    
font-size:90%;
    
border-collapsecollapse;
    
background-color#ffffff;
        
color#000000;
    
margin0 auto;
    }

table#wp-calendar caption {
    
widthauto;
    
background#eeeeee;
        
color#000000;
    
bordernone;;
    
padding3px;
    
margin0 auto;
    
font-size1em;
    }

table#wp-calendar th {
    
bordersolid 1px #eeeeee;
    
background-color#ffffff;
    
color#000000;
    
font-weightbold;
    
padding2px;
    
text-aligncenter;
    }
    
table#wp-calendar td {
    
padding0;
    
line-height18px;
    
background-color#ffffff;
        
color#000000;
    
border1px solid #dddddd;
    
text-aligncenter;
    }

table#wp-calendar tfoot td {
    
bordersolid 1px #eeeeee;
    
background-color#ffffff;
        
color#000000;

    
}
    
table#wp-calendar td a {
    
displayblock;
    
background-color#ffffff;
        
color#000000;
    
width100%;
    
height100%;
    
padding0;
    } 

best regards

Boris

Flynn Apr 5, 2009 02:19 PM

The first line (April 2009) is

HTML Code:

table#wp-calendar caption {
    background: #eeeeee;
    color: #000000;
    }



The second line (Mo, Tu, We) is

HTML Code:

table#wp-calendar th {
    border: solid 1px #eeeeee;
    background-color: #ffffff;
    color: #000000;
    }



The body cells (1,2,3...31) are

HTML Code:

table#wp-calendar td {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #dddddd;
    }



The footer (<< Mar May >>) is
HTML Code:

table#wp-calendar tfoot td {
    border: solid 1px #eeeeee;
    background-color: #ffffff;
    color: #000000;
    }



etc...

All the sections of the CSS you posted are being used, ecept the first one, #clandar_wrap

I'd suggest you add styles similar to the ones above via HTML/CSS Inserts -> CSS Inserts, instead of directly editing style.css


boris Apr 6, 2009 05:12 AM

thanks a lot Flynn :)


All times are GMT -6. The time now is 03:38 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.