Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


...

This feature is available in FileCloud v7.0 and later.
Panel
Info
borderColorgray
titleColor#F7B77F
borderWidth1
borderStylesolid
titleFileCloud Online Users

If you are using FIleCloud Online, the option of entering a custom CSS file path described below is not available to you.

See Customize your styles with CSS in FileCloud Online.


Table of Contents


To customize CSS, you may either enter the path of a custom CSS file or directly enter custom CSS entries.

...

You can specify an alternative Cascading Style Sheet (CSS) to customize any element of the User Portal's interface.

Code iconImage ModifiedSome in-depth knowledge of CSS is required.

...

In the Admin Dashboard, navigate to Customization tab and select Advanced tab. Set the relative path to custom CSS file.
Image RemovedCustom CSS path field in Customization Advanced tabImage Added

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.

...

In the admin UI, navigate to Customization tab and select Advanced tab. Enter additional CSS entries in the field Custom CSS Entries.
Image Removed
Customization, Advanced tab, Custom CSS Entries fieldImage Added

Note:  Additional CSS entries are will be enforced in addition those to the file specified in the custom CSS file or manual entries.
Your custom attributes take precedence over the attributes set in the theme assigned by you or the theme users select. 
field.

Sample


Code Block
languagecss
titleSample CSS
.navbar {
 background-color: lightyellow;
}

.btn {
    border: none;
    color: black;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: cursive;
}

.sidebar {
 background-color: lightblue;
 font-family: "Gill Sans", sans-serif;
}

.main-content {
 font-size: 20 px;
 font-family: "Gill Sans", sans-serif;
}

Note:  Additional CSS entries are enforced in addition to those specified in the custom CSS file or manual entries.
Your custom attributes take precedence over the attributes set in the theme assigned by you or the theme users select. 


Before Custom CSS

Image RemovedUser portal without custom cssImage Added


After Custom CSS 

Image RemovedUser portal with custom cssImage Added