localendar Forums Homepage

Print at Dec 11, 2018, 9:25:52 AM View all posts in this thread on one page
Posted by META2013 at Feb 25, 2013, 9:14:43 PM
confused   How to customize my calendar?
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?

Posted by support at Feb 27, 2013, 3:25:09 AM
Re: How to customize my calendar?
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

Posted by unitedriverside at Dec 31, 2016, 2:25:28 PM
Re: How to customize my calendar?
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

Posted by support at Jan 2, 2017, 7:55:38 PM
Re: How to customize my calendar?
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


Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us