Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Changing calendar background colors and links


  #1  
Old Feb 28, 2009, 12:34 AM
pltrace
 
25 posts · Feb 2009
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;
}
  #2  
Old Feb 28, 2009, 05:43 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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;
}
  #3  
Old Feb 28, 2009, 09:25 AM
pltrace
 
25 posts · Feb 2009
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!!!
  #4  
Old Feb 28, 2009, 09:53 AM
pltrace
 
25 posts · Feb 2009
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!
  #5  
Old Feb 28, 2009, 09:59 AM
pltrace
 
25 posts · Feb 2009
nevermind i am such an idiot... thanks so much for all your help!

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Change background colors for each individual page wing23 Atahualpa 3 Wordpress theme 7 Aug 15, 2009 05:08 PM
Page menu background color : 2 colors possible? Len Page & Category Menu Bars 1 Jun 17, 2009 02:31 PM
widget different background colors ciocchi Sidebars & Widgets 2 May 26, 2009 01:35 AM
setting colors for links dsachs Atahualpa 3 Wordpress theme 5 Feb 25, 2009 09:22 AM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 07:36 AM


All times are GMT -6. The time now is 06:36 PM.


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