[All Adaptavist Apps]
Move your style sheet in to a CSS file for improved performance...
While it may be convenient to edit your style sheets within the configuration screen, you should consider using a CSS file instead for the following reasons:
If you're using Builder 2.x you can still use a CSS file but it won't be cached as well as if you put the style sheet in to the CSS Custom Styles text box.
If you're using Builder 3.x or above, you should always put the style sheet in to the Custom CSS (or IE CSS if applicable) text boxes (see CSS Tab) and use Layout Hierarchy if you want to have those settings propagated to multiple theme layouts.
Creating a CSS file is easy - simply create a new text document, paste in your style sheets and save it with a .css extension. Make sure you save the file as plain text though - some word processors compress files or add other information which would confuse the web browser.
Once you've created the CSS file, upload it as an attachment to your space home page
and then right-click the attachment to display the pop-up contextual menu:
Depending on which browser you are using, you'll see an option like Copy Link Location or Copy Shortcut, etc. Select that link to copy the URL of the attachment to the clipboard.
Next, enter Theme Configuration and go to the CSS Custom Styles text box. If the old copy of your style sheet is still in there, delete it and then paste
in the URL to the new CSS file.
Now, add the following text around the URL:
The end result will look something like this:
The URL will obviously be specific to your server address and the location where you stored the attachment.
For best results we recommend using a relative URL, for example the URL above would become:
This tends to be more reliable, especially if people can access your wiki from multiple URLs.
If you want to use the same style sheet in other spaces, simply enter the same text in to the CSS Custom Styles text box for those spaces.
If you need to make changes to your style sheets, simply attach a new version
of the same file to the same location.
Should you need any space-specific styles, those can be added below the @import... line - this allows you to create a general, reusable style sheet that does the bulk of the customisation for several spaces and then add space-specific styles within each space.
The @import... line must always be at the top of the Custom CSS text box, before any in-line style sheet definitions.