How can I change the fonts in my Calendar?: Difference between revisions


(Created page with 'Unfortunately the Calendar service does not have a built-in way to change the fonts, however you can override the default fonts using custom CSS styles. For example to make the…')
 
mNo edit summary
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Unfortunately the Calendar service does not have a built-in way to change the fonts, however you can override the default fonts using custom CSS styles.  
Unfortunately the Calendar service does not have a built-in way to change the fonts, however you can override the default fonts using custom CSS styles. <br />
 
<br />
For example to make the title of your events in the Monthly View a bit bigger you could use the following:
For example to make the title of your events in the Monthly View a bit bigger you could use the following:<br />
 
<pre>
<style>
<style>
.calendar td a, .calendar td a:visited
.calendar td a, .calendar td a:visited
{
{
font: 18px tahoma;
  font: 18px tahoma;
}
}
</style>
</style></pre>
 
<br />
1. Log into Bravenet
1. Log into your Bravenet account<br />
2. Click on Online Calendar
2. Make sure you are on the Dashboard<br />
3. Click on Custom HTML
3. Click on "Online Calendar" in your list of Web Tools<br />
4. Add the custom <style> code above the %%service%% tag
4. Click on Custom HTML<br />
5. Click on Save Changes
5. Add the custom <style> code above the %%service%% tag<br />
 
6. Click on the "Save" button <br />
<br />
[[Category:Online Calendar]]
[[Category:Online Calendar]]

Latest revision as of 12:06, 2 June 2014

Unfortunately the Calendar service does not have a built-in way to change the fonts, however you can override the default fonts using custom CSS styles.

For example to make the title of your events in the Monthly View a bit bigger you could use the following:

<style>
.calendar td a, .calendar td a:visited
{
  font: 18px tahoma;
}
</style>


1. Log into your Bravenet account
2. Make sure you are on the Dashboard
3. Click on "Online Calendar" in your list of Web Tools
4. Click on Custom HTML
5. Add the custom <style> code above the %%service%% tag
6. Click on the "Save" button