FeaturesFunctionsTemplatesShowcasePriceLoginSign Up
FeaturesFunctionsTemplatesShowcasePriceLoginSign Up
Top/Class Name List for CSS

Class Name List for CSS

Classes assigned to the div surrounding the entire page

The div that surrounds the entire page is given the page class, and each page is given its own class.
The page-_top class is assigned to the top page.
For pages with permalinks, the URL string of the permalink is applied, like page-about. If no permalink is specified, the page ID, which is also the URL, is assigned.
CSS

Class according to the breadcrumb list

The div that surrounds the entire page is also given a class that starts with .pageMap according to the breadcrumb list.
CSS
For example, if you want to apply a style to an individual page under the blog page under the top page, you can write css like this.
CSS
 

Class assigned to the header

Basically .header is the full screen width, so you can use .header__contentsWrapper to align the width with the content.
CSS

Class assigned to cover image

CSS

Classes that enclose content

CSS

Title Area

  • Page Icons
  • Breadcrumbs list
  • Page Title
  • Page date and time
These are classes assigned to sections and divs surrounding the title area, including
CSS

Page icon in title section

CSS

breadcrumbs

CSS

Date

pageDatetime__created__day and pageDatetime__created__time are included in pageDatetime__created. If you want to display only the date, specify display: none; for pageDatetime__created__time.
CSS

div surrounding the content with section delimiters

CSS
 

Share Button

CSS

Footer

CSS
Top/Class Name List for CSS