Forums - View Thread - How to customize my calendar?

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: Webmaster's Corner » Thread: How to customize my calendar?

Quick Go »

Thread Status: Normal
Total posts in this thread: 4

[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]

Author

This topic has been viewed 609 times and has 3 replies

META2013
New Member

Joined: Feb 25, 2013
Posts: 1
Status: Offline

How to customize my calendar?	Reply to this Post Reply with Quote
	[Delete this Thread]

I want to have full access to customizing the colours of my calendar. Is this possible?

I have a mini one on my website and I want to be able to change ALL of the colours manually. (For the weekends, and days not in the current active month)

How do I do this?

[Feb 25, 2013, 9:14:43 PM] [64.231.154.137]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6397
Status: Offline

Re: How to customize my calendar?	Reply to this Post Reply with Quote
	[Delete this Post]

The majority of colors on the mini calendar are picked up from the defaults you set for the Month Block view.

Click Options->Colors to make changes there.

There are also a few other mini color settings (like the color highlight on days that have events, and the colors of the popup balloon) that are set in the HTML generated by the Publish Wizard for that view. There are comments in there, so they shouldn't be hard for you to find smile

Also see: http://www.localendar.com/docs/display/lc/Colors+and+Backgrounds
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Feb 27, 2013, 3:25:09 AM] [24.189.166.34]

[Link]

unitedriverside
New Member

Joined: Aug 22, 2012
Posts: 1
Status: Offline

Re: How to customize my calendar?	Reply to this Post Reply with Quote
	[Delete this Post]

How do you change the colors of text in the pop up balloon? The default colors are impossible to read. Currently my calendar shows up on my home blog page and when you click on a scheduled event day, a popup comes up. However you cant read very well with the colors of the text. www.unitedriversidechurch.org

[Dec 31, 2016, 2:25:28 PM] [24.34.85.146]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6397
Status: Offline

Re: How to customize my calendar?	Reply to this Post Reply with Quote
	[Delete this Post]

For the mini cal, you need to look at the HTML you pasted onto your site. There are a few sections where you can modify the CSS to change the colors of settings not covered under Options->Colors.

For example, to change the pop-up balloon color and text, look for this section (to change the background)

// Other settings you can customize for your site
  var lcPopupColor="rgba(230, 230, 230, .9)"; /* Try other values like: rgb(230,230,230), #b0c4de, yellow, etc */

this section to change the color of the label in the popup (by adding the color section in italics)

.localendar-label {
  font-weight:bold;font-size:14px;
  color:green;
}

and you can add a brand new section with a bit of CSS like this to change the text color for event titles:

.localendar-title a{
  color:red;
}

----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Jan 2, 2017, 7:55:38 PM] [69.126.188.75]

[Link]

[Show Thread Printable Version] [Post new Thread]