Back to Project
Getting Started
- How to install Client Portal
- Can I use it without WordPress?
- Setting up your first portal
- Using content pages
- Importing and Exporting Portals
- Icon Cheatsheet
Customisation
- Customise project status modules
- Remove the project status modules
- How to change the fonts in Client Portal?
- How to change the 'Client Portal Archive' text
- How to change the 'Client Portal Login' text
- Change Error Message on the Login Screen
- How to add, move, and delete phases
- Redirect to the homepage after logging out
- How to change the slug/permalink
- Edit the "Phase 1, 2, 3" etc. text
Troubleshooting
- Troubleshooting problems with Client Portal
- I’m not getting Client Portal updates
- Find and edit the Client Portal Login page
- I'm getting a 404 error message
- I'm getting an Nginx error message
- Excluding Client Portal from your cache
- Forgot password isn't working
- I'm not receiving Email Notifications
Security
- Are my files safe in Client Portal?
- How do I hide Client Portal from search results?
- How do private file uploads work
Users & roles
- How do I add a new user to Client Portal?
- Can I assign a client a different role?
- How users can self-signup to a portal
Working with Client Portal
- Introducing Client Portal to your clients
- How clients can mark as complete
- Create a to-do list with Google Sheets
- Accepting file uploads in Client Portal
- Collate notifications into digests
Integrations
How to change the fonts in Client Portal
If you would like to use web fonts from Google Fonts or Typekit, you need to insert their embed code into the Client Portal Settings page. (From your WordPress dashboard, navigate to Projects -> Client Portal Settings).
- 1
- Find the "Custom scripts in
head" section. Paste the embed code in the text area. In this example, we've used the embed code from Google Fonts: 
- 2
- In the next section, "Custom CSS", you can set the fonts with the following CSS (please note, this has changed since the below image was created:
-
.body, .content-section, .topbar, .contacts {font-family: 'Montserrat', sans-serif; } 
- 3
- If you want to use the custom CSS in an individual portal, you can specify the body class
.postid-212(212 is the project ID, for example) 
Here's a quick screencast on how to add Typekit fonts to Client Portal.