Back to Project
Getting Started
- How to install Client Portal
- Can I use it without WordPress?
- Setting up your first portal
- Using content pages
- Questionnaires with Contact Form 7
- Importing and Exporting Portals
- Icon Cheatsheet
Customisation
- How do I edit 'Phase 1, 2, 3' text?
- Customise project status modules
- Remove the project status modules
- How to change the fonts in Client Portal?
- How do I make a portal public?
- How to change the 'Client Portal Archive' text
- How to change the "Client Portal Login" text on the login page
- Change Error Message on the Login Screen
- How do I add or move Phases
- How do I redirect clients to the homepage after logged out
- What is the Legacy theme?
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
- Trouble with logging into a portal
- Forgot password isn't working
Security
- Are my files safe in Client Portal?
- How do I hide Client Portal from search results?
- Private File Uploads
Users & roles
- Can I assign a client a different role?
- How can I assign multiple users to Client Portal?
- How do I add a new user to Client Portal?
Working with Client Portal
- Introducing Client Portal to your clients
- How clients can mark as complete
- Accepting file uploads with Contact Form 7
- Accepting file uploads with Gravity Forms
- Create a to-do list with Google Sheets
- Accepting file uploads in Client Portal
Integrations
How do I customise the project status modules?
Follow the steps below if you want to customise the text in the project status section:
- 1
- Switch the "General Information" editor to the "Text" mode, and paste the below snippet at the end of the content.
- 2
- Change the {TEXT} and {PHASE} in the content accordingly.
Paste this snippet into your General Information editor:
<div class="project-status vertical-padding completed-no">
<div class="inner-width">
<div class="column current">
<span class="value">{TEXT}</span>
<span class="label">{PHASE}</span>
</div>
<div class="column next">
<span class="value">{TEXT}</span>
<span class="label">{PHASE}</span>
</div>
<div class="column completion-date">
<span class="value">{TEXT}</span>
<span class="label">{PHASE}</span>
</div>
</div>
</div>