wp-calendar

tassitus · Member · Apr 22, 2016 at 1:16 pm
Copy link

Add topic to favorites
What I want to achieve is: when the wp-calendar td has a link (i.e. when I’ve written something that day) I would like the td to have a background-color. So far, I’ve only managed to get the actual number with a background-color, I want it to cover the whole td, but only when it’s a link there = days with posts: background colour, days with no posts: default color :)

I hope I managed to explain what it is I’m after … my site is TASSITUS.

If anyone can figure this out, I’d be very thankful.
thesacredpath · Member · Apr 22, 2016 at 6:22 pm
Copy link
Hi, this is a challenge, due to the fact that we don’t CSS selectors for the td that just have text in them. The best I could come up with was this.
```
#wp-calendar td > a {
    background-color: #dcdcdc;
    display: block;
    padding: 10px;
}
#wp-calendar td {
    padding: 0;
}
```
What about making the text on days you have posted bold and perhaps a different color like this.
```
#wp-calendar td > a {
    color: #ca143c;
    font-weight: bold;
}
#wp-calendar thead th {
    color: #555;
}
```
tassitus · Member · Apr 22, 2016 at 9:08 pm
Copy link
Thank You!!! :) Both are good, but I applied the first alternative, and that was exactly as I wanted. Terrific … I’d never been able to figure that one out! :)
thesacredpath · Member · Apr 22, 2016 at 10:19 pm
Copy link
Awesome, and you are welcome. Keep working on CSS, I find it a lot of fun, and the more you work with it, the better you will get, and don’t forget, we are here if you get stuck on something. :)
tassitus · Member · Apr 23, 2016 at 2:42 am
Copy link
You’re very kind. Working on CSS can be very rewarding at times :)

No items found.