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.

Component theme examples

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 themes

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.

Menu themes

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.

Semantic UI default pointing menu
Default pointing menu
Semantic UI Chubby menu theme
Chubby pointing menu
Semantic UI inverted Github menu theme
Inverted Github menu
Semantic UI Material menu theme
Material menu

Semantic UI Chubby vertical menu theme
Chubby vertical sidebar menu
Semantic UI Github vertical menu theme
Github vertical menu
Semantic UI Material vertical menu theme
Material vertical menu

Button themes

Buttons have a large amount of available themes.

Semantic UI default buttons theme
Semantic UI Raised buttons theme
Semantic UI Round buttons theme
Semantic UI Material buttons theme
Semantic UI Github buttons theme
Semantic UI Twitter buttons theme

Form themes

Semantic UI Chubby form theme
Chubby form with Chubby buttons
Semantic UI Github form theme
Github styled form
Semantic UI Flat form theme
Flat form with Basic buttons