Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Changing calendar background colors and links (http://forum.bytesforall.com/showthread.php?t=581)

pltrace Feb 27, 2009 11:34 PM

Changing calendar background colors and links
 
I have been pretty successful in customizing my calendar in atahualpa... however I cannot get rid of the gray background on the selected dates, turn the MTWTRSS thing to black instead of white, and not have the links underlined. I know there must be something simple I am missing. Here is the code for what I have so far:



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

#calendar_wrap {
padding: 0;
border: none;
}

table#wp-calendar {
width: 100%;
font-size:90%;
border-collapse: collapse;
background-color: #ffffff;
margin: 0 auto;
}

table#wp-calendar caption {
width: auto;
background: #ffffff;
border: none;;
padding: 3px;
margin: 0 auto;
font-size: 1em;
}

table#wp-calendar th {
border: solid 1px #ffffff;
background-color: #bfd078;
color: #ffffff;
font-weight: bold;
padding: 2px;
text-align: center;
}

table#wp-calendar td {
padding: 0;
line-height: 18px;
background-color: #ffffff;
border: 1px solid #ffffff;
text-align: center;
}

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

table#wp-calendar td a {
display: block;
background-color: #ffffff;
width: 100%;
height: 100%;
padding: 0;
}

Flynn Feb 28, 2009 04:43 AM

The table head with the days MTWTFSS is

table#wp-calendar th {
border: solid 1px #ffffff;
background-color: #bfd078;
color: #ffffff;
font-weight: bold;
padding: 2px;
text-align: center;
}

To avoid underlining on hover, or at all, also remove gray background in case you're still seeing one, i.e. in IE6, which doesn't work well with the short form a (without :link, :visited etc..)

HTML Code:

table#wp-calendar a:link,
table#wp-calendar a:visited,
table#wp-calendar a:active,
table#wp-calendar a:hover {
text-decoration: none;
background: none;
}


pltrace Feb 28, 2009 08:25 AM

Thanks for the fast response, I am still pretty new to this, could you explain where I should paste that html for the calendar hover? I don't see anything like that in the style.css. Thanks!!!

pltrace Feb 28, 2009 08:53 AM

oops, nevermind, i wasn't putting the code in the right spot... it seems to work fine now, except i would like the links (dates) to appear bolder on hover. is there a simple way to do this? thanks!

pltrace Feb 28, 2009 08:59 AM

nevermind i am such an idiot... thanks so much for all your help!


All times are GMT -6. The time now is 09:38 AM.

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