Timely Logo

If you want to add a font that is not available by default, you can add a custom font through CSS. Here is an example of how to do this:

1. Find a font you would like to use on a free font provider website, like Google Fonts.

2. Click on the name of the font you would like to use (see screenshot below):

How to Add a Custom Font

3. Click on the red link "+SELECT THIS FONT"

4. Click on the black bar on the bottom right "Family Selected"

How to Add a Google Font

5. Click on the @IMPORT tab

6. Copy the part of the code between <style> and </style>

How to Add a Custom Google Font

7. Paste the code into the "Custom CSS" box under Calendar Settings > Customize > General tab.

8. Add the font name under Calendar Settings > Customize > Base Font (in the above example, you would add "Roboto").

9. Save the settings.

How to Add a Custom Font

For more user guidance, please go to our Help Center. If you have any questions or need additional assistance, do not hesitate to contact us by opening a support ticket from your Timely account’s dashboard.

You can change the colours of the buttons on the event details page by adding the following CSS codes under Calendar Settings > Customize > Custom CSS box:

.timely-nav>li>a {
background-color: #d8e3e9 !important;
}

.timely-nav>li.active>a {
background-color: #ec008c !important;
}

.timely-nav>li>a:hover {
background-color: #9dbfd2 !important;
}

.timely-nav>li.active>a:hover {
background-color: #ec008c !important;
}

https://www.youtube.com/watch?v=UtwbbWIQwEY"] Custom domain names are a great way to add SEO (search engine optimization) value to your site by receiving credited site traffic back to your root domain.

Instead of embedding a javascript code into your page, you will simply link to your custom subdomain (ie. events.mydomain.com) and thus all your event URLs will be based off this subdomain. This means that search engines will index your calendar's subdomain URL and every single event URL as well, giving you increased search engine back-links and increased SEO value.

Step 1: Creating the DNS Entry

If you want to use a custom domain for your calendar, first you have to add a new DNS entry at your domain name registrar's control panel. The DNS entry should be a CNAME of "saas.time.ly".

Generic example:

Let's say your domain name is mydomain.com, and you want to use the subdomain "events" to display your calendar. The DNS entry would look like:

events.mydomain.com 3600 IN CNAME saas.time.ly.

Here is a general example of what it might look like at your domain name registrar:

Godaddy Example:

Specific Instructions:

Step 2: Adding the Subdomain

Navigate to Calendar Settings > Custom Domains tab > Add a custom domain field > Enter your subdomain and click on the Save button.

 

Step 3: Customizing Your Calendar

When using a custom domain, of course you will want to customize the look of your calendar to match your website, by adding custom header and footer HTML codes.

You can do this under Calendar Settings > Customize tab > Header and Footer button > add your custom CSS, header and footer HTML code to the 3 boxes: Custom <HEAD> (HTML), Custom header (HTML), and Custom footer (HTML).  Click on the Save button to save the settings.

 

There are currently no translations available for our Web App calendar, but as a workaround, you can use a 3rd party translation widget called Bing Translator Widget.

Note: This translation method will only work if you are using a Custom Domain to load your calendar (it will not work if you embed your calendar).

  1. Go to the Bing Translator Widget page.
  2. Customize the code if you want at the bottom of the page.
  3. Copy the code in the grey textbox.
  4. Login to your Timely calendar dashboard and proceed to Calendar Settings > Customize tab >
  5. Paste the code into the Custom <HEAD> (HTML) box.
  6. Click on the Save button.

See the following screenshot:

How it looks on the calendar:

© 2021 Timely. All right reserved.
chevron-down