Forums - Print Post -

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

Print at Oct 25, 2025, 9:26:13 AM

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