Themes

Chap is powered by Semantic UI which comes equipped with an intuitive inheritance system and high level theming variables that let you have complete design freedom. But the average WordPress user typically doesn’t want to mess around with CSS/LESS files which require you to set up a build process on your computer and spend a great deal of time on development. For that reason Chap theme includes a LESS compiler which is able to switch between Semantic UI themes by just changing theme options.

In the theme options it’s possible to change the themes of various Semantic UI components, such as Site, Menu, Message, Button, Table, Card, Icon, Accordion, Comment, Form, Dropdown, Input, Popup, Segment.

Every combination of themes may not look professional or commercially viable. Only the default theme is supported out of the box, any issues with other themes need to be solved manually on a case by case basis by using the Chap Theme -> SUI editor to change around variables or add custom CSS.

Site theme changes basics, such as the font size, type and margins. Available choices are the tried and true “Default”, a little larger and more modern “Material” (following the Google’s Material Design guidelines), or imitation of Github.

The 4 available menu themes change the menu appearance in sitewide – header, sidebars, mobile menu and sticky menu.
Mixing and matching site themes and menu themes has a large amount of possible outcomes.
Note: Further menu customization options, such as “sticky”, “container”, “pointing”, “inverted” are available under Chap -> Menus customization options.