3.4. CSS selectors for custom themes


In this tutorial are listed some most important selectors for your theme CSS files, which are referring to the class and to some id properties of the HTML tags, which Allmice CMS Classic Edition prepares as output.

Many of these selectors are more beneficial, if used in combination with some HTML tag identifiers.
To better understand, how to use these selectors, it is suggested to check out also:
1) The CSS files of themes, which are provided with Classic Edition.
2) The class/id properties of HTML tags in source code in browser, while displaying various pages of a website, which uses Allmice CMS.

Some of the following selectors may have changed in the last versions of the Classic Edition. Check out also the CSS files in themes directory to find such changes.

Selectors for form related content



Selectors for region areas (block content)

Search block

User and language blocks

Navi block

Menu block
.menu-ap /*menu active parent item*/
.menu-ac /*menu active child item*/
.menu-pp /*menu passive parent item*/
.menu-pc /*menu passive child item*/

Global Core module output for GDPR purposes

Post/comment area for Page module entries


Message areas

.avatar-image /*Profile module specific*/
.context /*Theme module specific*/

Layout selectors

The layout selectors are more customizable, not referring so much to the output content of Allmice CMS, identifiers can be used and changed inside a particular theme.

Header area layout selectors

Other layout selectors

Previous: 3.3. Content of the layout.phtml file | Next: 4. Conclusions about Allmice CMS themes
Manage themes
1. How to choose a different theme ?
2. How to use a custom theme ?
3. How to create your own custom themes?
3.1. Components and minimal requirements of a custom theme
3.2. The content of file config/Install/install-config.php
3.3. Content of the layout.phtml file
3.4. CSS selectors for custom themes
4. Conclusions about Allmice CMS themes