This feature is available in FileCloud v7.0 and later.
To customize CSS, you may either enter the path of a custom CSS file or directly enter custom CSS entries.
Using a Custom CSS File
You can specify an alternative Cascading Style Sheet (CSS) to customize any element of the User Portal's interface.
Step 1: Confirm that rewrite rules are enabled
Step 2: Configure the Custom CSS Path
In the Admin Dashboard, navigate to Customization tab and select Advanced tab. Set the relative path to custom CSS file.
For example, set the Custom CSS Path entry to be theme1/style.css, if the CSS file is created under <WEB_ROOT>/resources/customization/css/theme1/style.css.
Important Notes
- Supporting images referred in the CSS file should also be placed under <WEB_ROOT>/resources/customization/css folder, along with the CSS file.
- The directory CSS isn’t there by default. So the user has to create it.
- Some Linux systems might need apache user set as owner and group of the css directory (for example RHEL, set apache:apache)
- Some Linux systems might also need permission for owner of css directory to be set with read/write/execute.
Enter Custom CSS Entries
In the admin UI, navigate to Customization tab and select Advanced tab. Enter additional CSS entries in the field Custom CSS Entries.
Note: Additional CSS entries will be enforced in addition to the file specified in the custom CSS field.
Sample
.navbar { background-color: lightyellow; } .btn { background-color: #808080; border: none; color: black; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; }
Before Custom CSS
After Custom CSS