CSS is used to control the design, format, and layout of a page or website. CSS files are lists of rules (called "definitions") that instruct a user's browser how to display various page elements. For example, if you want all the text on your page to be purple, then you can create one or more CSS rules that tells the web browser to do so.
Creating and editing themes
To create or edit a theme, go to the "Themes" section of the left-hand Composer navigation. Select an existing theme to edit, or click "New Theme" to create a new one. Be sure to give your new theme a unique name. You can also clone an existing theme if you want the same asset files already attached, then add your own files.
Note: Any modification directly to the Theme design assets (main.css or main.js) may break the warranty. Fixing issues that occur due to modification of the theme design assets may incur additional charges.
After a theme has been created, it can be applied to a page using the "Theme" dropdown in the Page Layout and Appearance window. As with banners, you can also bulk-apply a theme to an entire group of pages by using the "Bulk Style" option on a parent page in the left-hand navigation.
- CSS Assets: If you have a new CSS file that you want to use on your site, you can upload it to a folder in File Manager using the green "+" button next to the "CSS Assets" section. Note that each successive file you upload will take precedence over the ones uploaded previously. In other words, the CSS definitions at the bottom/right in the list will be prioritized over those at the top/left in the list.
- Form Assets: If you want to apply CSS rules to any Form element, the corresponding CSS file must be uploaded here. (Definitions uploaded to the "CSS Assets" field cannot be applied to Form elements.)
- External Assets: Use the External Assets field to link to a CSS file, font file, or other third-party asset that is NOT hosted on your site. Be sure to include the full link to whatever you want to add, including the "http://" at the beginning of the URL.
Finalsite offers a number of package Template Themes and each one is created with a specific layout. Template Themes provide schools, districts, and associations with an affordable approach to modern responsive web design.
When you select a Template Theme, you’ll work with our deployment team to customize the site’s font, colors, and logos to match your school -- making it feel like the site is unique to you! Template Themes are meant to provide use of the Composer elements out of the box and without some of the more custom enhancements.
The design and layout of a Template Theme package are warrantied as-is and are not able to be customized. However, we are always happy to assist in fixing any bugs or issues with the Template Theme.