DEMO-MODESave not possible
Stylist
  • Accent-Color : #000000
  • Headline-Font : Roboto
  • Hide Topbar : 1
  • Header: Rightside : 1
    Global Colors
    • Accent Color
      Select the accent-color

    • Second Color
      Select the second-color

    • Active Color
      Active color for mainmenu

    • Hover Color
      Hover color for mainmenu

    Body: Font
    • Font-Family
      Font for body
      Beautify the Web
      Set

    • Font-Color
      Color for body

    Font-Size: Desktop
    • Font-Size
      Font-Size for body

    • Line-height
      Line-height in pixel for body

    Font-Size: Mobile
    • Font-Size
      Font-Size for body in mobile version

    • Line-height
      Line-height in pixel for body in mobile version

    Headline: Fonts
    • Font-Family
      Font for headlines
      Beautify the Web
      Set

    • Font-Color
      Color for headlines

    Font-size: Desktop
    • Font-Size: H1
      Font-Size for headline H1

    • Font-Size: H2
      Font-Size for headline H2

    • Font-Size: H3
      Font-Size for headline H3

    • Font-Size: H4
      Font-Size for headline H4

    • Font-Size: H5
      Font-Size for headline H5

    • Font-Size: H6
      Font-Size for headline H6

    Font-size: Mobile
    • Font-Size: H1
      Font-Size for headline H1 in mobile version

    • Font-Size: H2
      Font-Size for headline H2 in mobile version

    • Font-Size: H3
      Font-Size for headline H3 in mobile version

    • Font-Size: H4
      Font-Size for headline H4 in mobile version

    • Font-Size: H5
      Font-Size for headline H5 in mobile version

    • Font-Size: H6
      Font-Size for headline H6 in mobile version

    Topbar Settings
    • Hide: Topbar
      Display: none for topbar.
    • Hide: Phone
      Display: none for phone.
    • Hide: Email
      Display: none for Email.
    • Hide: Meta-Nav
      Display: none for Meta-Nav.
    • Hide: Login
      Display: none for Login.
    • Hide: Socials
      Display: none for Socials.
    • Hide: Offcanvas-Trigger
      Display: none for Offcanvas-Trigger.
    • Show: Langswitch
      Show: Langswitch in topbar
    Topbar: Font
    • Font-Size
      Fontsize in topbar

    • Font-Color
      Color for topbar text

    • Link-Color
      Color for topbar links

    Topbar: Background
    • Background-Color
      Background-color for topbar

    Topbar: Layout
    • Height
      Padding: top/bottom of the topbar in pixel

    • Width: Fullwidth
      Fullwidth layout for topbar
    • Border
      Border-bottom for topbar

    • Shadow
      Opacity of topbar shadow

    • Socials: colored
      Social icons in color
    Header Settings
    • Show: Socials
      Not available for all header styles
    • Hide: Langswitch
      Display: none for langswitch
    • Hide: Search
      Display: none for search
    • Hide: Stickyheader
      Display: none for stickyheader
    • Hide: Header
      Display: none for header. Use only stickyheader
    Header Classic v1
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Classic v2
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Position: absolute
        Position: absolute
    Header Classic v3
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Position: absolute
        Position: absolute
    Header Classic v4
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Position: absolute
        Position: absolute
    Header Classic v5
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Classic v6
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Classic v7
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Classic v8
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

    Header Classic v9
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Classic v10
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Modern v1
    • Turn on
      Turn on this header style
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Modern v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Header Modern v3
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Header Modern v4
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Position: absolute
        Position: absolute
    Header Modern v5
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

    Header Modern v6
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

    Header Modern v7
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Header Modern v8
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Header Modern v9
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Header Minimal v1
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Minimal v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Position: absolute
        Position: absolute
    Header Leftside v1
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Header Leftside v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Header Leftside v3
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Background-Image
        Drag image here
        Drag file here

    Header Rightside
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Header: Sticky
    • Background-Color
      Background-color for sticky header

    • Text-Color
      Text color for sticky header

    • Active-Color
      Active color for stickyheader

    Header: Mobile
    • Background-Color
      Background-color for mobile header

    • Text-Color
      Text color for mobile header

    Menu Settings
    Font: Mainmenu
    Font: Dropdown
    Menu: Active
    Bottom Settings
    • Hide: bottom
      Display: none for bottom
    • Height/Padding
      padding-top/bottom of bottom

    • Align: Center
      text-align: center
    • Border-top
      border-top for bottom

    Bottom: Font
    • Font-size
      Font-size for text

    • Text-color
      Color for text

    • Links: Hover-color
      Color for a:hover

    Bottom: Background
    • Background-color
      Background-color for bottom

    • Background-Image
      Upload background-image for bottom
      Drag file here

    • Backgroud-size: Cover
      background-size: cover
    • Backgroud-repeat: Repeat
      background-repeat: repeat
    Layout Settings
    • Grid-size: Large
      Large space between the grid columns
    • Grid-Gutter: Pixel
      Space between the grid columns in Pixel
    • White-Space: Large
      For more horizontal space between articles
    • Hide: Breadcrumb
      Display: none for rootpath on content pages
    • Hide: Smartmenu
      Display: none for smartmenu
    Layout: Fullwidth
    • Content-Width
      Width of content in pixel

    Boxed: Style 1
    • Boxed Style 1: ON
      Turn on boxed style 1
      • Page-Shadow
        Page-Shadow
      • Page-Width
        Width in pixel for page

      • Margin-Top
        Margin-top for page

      • Background-color
        Background-color

    Boxed: Style 2
    • Boxed Style 2: ON
      Turn on boxed style 2
      • Content-Width
        Width in pixel for content

      • Background-color
        Background-color

    Boxed: Style 3
    • Boxed Style 3: ON
      Turn on boxed style 3

      • Background-color
        Background-color

    Background-Image
    • Background-Image
      Upload background-image
      Drag file here

    • Repeat: none
      background-repeat: none
    • Repeat: repeat
      background-repeat: repeat
    • Repeat: repeat-x
      background-repeat: repeat-x
    • Repeat: repeat-y
      background-repeat: repeat-y
    • Position: center
      background-position: center
    • Backgroud-size: Cover
      background-size: cover
    • Attachment: fixed
      background-attachment: fixed
    • Background-color
      Background-color