Hello all, 

I want to be able to change the colors on my calendar days (just the one's with events) without it effecting every link on my site. Is this possible?

Thanks!

Tags: Calendar, events

Views: 173

Reply to This

Replies to This Discussion

Hi Robert, the following code is the exact code for your preference. Just copy and paste the code into advanced css box via my network> settings> appearance.

div.calendar td.future {
color: red;
}

div.calendar td.past.xg_lightfont {
color: green;
}

div.calendar td.present {
color: blue;
}

very nice Bernard, awesome of you to share!

These codes will automatically cross out past days put a border around the future days and color the present day
you can change the color lightblue to any color you would prefer.

This code Will only affect the event module's calendar not the event page calendar

.xg_module.module_events TD.present {background-color: lightblue !important;}
.xg_module.module_events TD.future {border: 1px solid lightblue !important;}
.xg_module.module_events TD.past { background-image: url(http://api.ning.com:80/files/Jec9iT2*pOjTVTAzA0p2xmtfLnsmGueFWYFEkeio6Q8MMdngwhxyk2jC76tnPpQJVDYA4SPmJPeMIQ0GkDRaMI56lEhOyrQ9/XImage.jpg);
   background-size:100% 100%; }
.module_events div.calendar div {position: relative; overflow: visible;}


This code will affect the calendars on the modules and the calendars on the event page

TD.present {background-color:lightblue !important;}
TD.future {border: 1px solid lightblue !important;}
TD.past { background-image: url(http://api.ning.com:80/files/Jec9iT2*pOjTVTAzA0p2xmtfLnsmGueFWYFEkeio6Q8MMdngwhxyk2jC76tnPpQJVDYA4SPmJPeMIQ0GkDRaMI56lEhOyrQ9/XImage.jpg);
 background-size:100% 100%; }
div.calendar div {position: relative; overflow: visible;}
.module_events div.calendar div {position: relative; overflow: visible;}

_

_

event module on the home page

_

_

and the event page

Even better George hahahahaha! The man with CSS LOL :D

Thank you all very much! Awesome stuff... I have implemented on my blog... If there is ever a way to highlight event days, please let me know. Thanks again!

They should already be highlighted for the event day but here you go

TD.future A{background-color: lightblue !important;}

perfect! that's just what I needed. Thx!

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next!

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums.

APIsThe ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Stig Karlsen replied to Stig Karlsen's discussion 'Problems with Facebook activity feed'
"Hi! Sorry to hear that you are dealing with the same problems. The activity feed is not responding…"
14 minutes ago
Khaty Barbarella (Khatlen) replied to Stig Karlsen's discussion 'Problems with Facebook activity feed'
"Another curious fact is that the feed only show activity until April 3, after this date, we have…"
19 minutes ago
Khaty Barbarella (Khatlen) replied to Stig Karlsen's discussion 'Problems with Facebook activity feed'
"Hello Crystal and Stig I am also with this problem since yesterday. Says my page is not public, but…"
37 minutes ago
Magesoad replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"great news, since we are dealing with article lacks the function to justify the formation of…"
41 minutes ago
Crystal Coleman replied to Enrrico Torres's discussion 'Want to remove powered by from footer'
"Enrrico, per the Terms of Service, you are not permitted to remove or change the "Powered by…"
51 minutes ago
Crystal Coleman replied to Enrrico Torres's discussion 'Want to remove powered by from footer'
"The "Powered By" that comes up in the language editor refers to the "Powered by…"
1 hour ago
Kos replied to Enrrico Torres's discussion 'Want to remove powered by from footer'
"I knew we weren't allowed to remove it but since it was in LA, I thought we could change…"
1 hour ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"oh but what about some way to have it interact with the google + authorship? maybe u can add your…"
1 hour ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service