Styling or theming glFusion can be a bit confusing. Once you understand how everything works together, it is actually pretty simple and provides a huge amount of flexibility to tweak things just how you want them.
glFusion has adopted the UIKIT v2 Framework as our standard. It is highly recommended that you utilize the documentation provided by the UIKIT team - Please visit getuikit.com for details on all the great capabilities UIKIT provides glFusion.
The overall look and feel is controlled by templates. Templates allow us to separate the PHP code from the HTML / CSS code and allows an easy way for you to customize things without having to be a PHP programmer. You do need to have a fundamental understanding of HTML and CSS. Understanding how the UIKIT framework works is also very helpful, as we have tried to leverage UIKIT as much as possible in our look and feel development.
Core glFusion templates are stored in the theme directory, for example, the CMS theme's templates are located in the
public_html/layout/cms directory. They are located in various sub-directories to help keep them organized.
Customizing the Look & Feel
The glFusion Theme Support Forum is also an excellent place to ask questions and review previous discussions on customizations.
- glFusion Themes
Overview of the themes available for glFusion.
- CMS Theme (included in the glFusion distribution)
- Customizing or Creating a Theme
glfusion/styling.txt · Last modified: 2017/09/11 02:37 (external edit)
- Modifying Existing Theme
- Custom 404 - Not Found Page
Create your own custom 'Not Found' page.
- Custom Story Templates per topic
Create custom story layouts based on the topic they are associated with.
- Navbar and Nav Menu Styling
Customize the look and feel, such as colors, etc. of the Navbar and navigation menu.
- Mobile Menu
How to create / modify an off-canvas menu for mobile / small screen viewports.
- Story Styling
Modify the layout used by stories.
- Comment Styling
Modify the layout used for glFusion comments.
- Icons provided by UIKIT
glFusion leverages fonts provided by FontAwesome - see what fonts are available for use in menus, stories, or just about any content area.