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
- Using Templates
Customisation
- How to change the fonts in Client Portal?
- How to change the 'Client Portal Archive' text
- Customizing the Client Portal login page
- Change the error message for a failed login attempt
- Redirect to a different page after logging out
- How to change the slug/permalink
Troubleshooting
- I’m not getting Client Portal updates
- 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?
- Using multiple or different roles
- 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
- Add due dates and reminders
Integrations
Legacy Documentation
How to change the fonts in Client Portal
If you are using custom fonts from Google Fonts, Adobe Fonts, you can have these display in Client Portal by adding some CSS. (If you need help adding custom fonts to your WordPress website, this article from WPBeginner will show you how to do that).
First, navigate to Client Portal - Client Portal Settings, and scroll down to Custom CSS.
If you're using the Block Editor (v. 5.0+) choose the Custom CSS - Five Theme. For the Classic Editor choose Custom CSS - Legacy Theme.
Paste the following CSS and replace 'Merriweather' with the name of your custom typeface.
.leco_client-template-default, .title-section h2, .title-section nav {font-family: 'merriweather', sans-serif !important;
}
If you want to use the custom CSS in an individual portal, you can specify the body class. For example, if you portal ID is 212, your CSS would be .postid-212
You can find your portal ID under All CP Portals - ID.
