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?
- Can I customise 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
- I’m not getting Client Portal updates.
- Client Portal isn’t working.
- I can't find my Client Portal Login page!
- I'm getting a 404 error message
- Nginx error message
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 clients
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
- Hide the default Project Status section from global settings or the project settings. ( See how to hide the default project status section here).
- 2
- Switch the “General Information” editor to the “Text” mode, and paste the below snippet at the end of the content.
- 3
- 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>