Theme Designer
PRO
Logo
Colors
Fonts
Body
Headlines
Top
Font
Background
Layout
Elements
Header
Header: Classic
Header: Modern
Header: Minimal
Header: Beside
Header: Sticky/Mobile
Elements
Menus
Font
Active
Layout
Footer
Fonts
Background
Layout
Bottom
Fonts
Background
Layout
Layout
Fullwidth
Boxed
Settings
Save
Versions
-
Default
Accent-Color
:
#1e88d2
Body-Font
:
Source+Sans+Pro
Headline-Font
:
Source+Sans+Pro
Hide Topbar
:
Header: Classic v1
:
1
Header: Classic v2
:
Header: Classic v3
:
Header: Classic v4
:
Header: Classic v5
:
Header: Classic v6
:
Header: Classic v7
:
Header: Classic v8
:
Turn on
:
Turn on
:
Header: Modern v1
:
Header: Modern v2
:
Header: Modern v3
:
Header: Modern v4
:
Header: Modern v5
:
Header: Modern v6
:
Header: Modern v7
:
Header: Modern v8
:
Turn on
:
Header: Minimal v1
:
Header: Minimal v2
:
Header: Leftside v1
:
Header: Leftside v2
:
Header: Leftside v3
:
Turn on
:
Header: Rightside
:
Menu-Font
:
Source+Sans+Pro
Layout Boxed v1
:
Layout Boxed v2
:
Layout Boxed v3
:
30
Logo
Logo
Upload png, jpg, gif or svg. Recommended upload-size is twice the final size. e.g. final width 200px, upload: width 400px
Drag file here
Logo: Mobile & Stickyheader
Optional: separate logo for sticky and mobile header
Drag file here
Logo width
Logo width in pixel
Logo width
Logo height
Can affect the height of the header
Logo height
Sticky: Logo width
Logo width in pixel in stickyheader
Sticky: Logo width
Sticky: Logo height
Can affect the height of the stickyheader
Sticky: Logo height
Mobile: Logo width
Logo width in pixel in mobile version
Mobile: Logo width
Mobile: Logo height
Can affect the height of the mobileheader
Mobile: Logo height
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
ABeeZee
Abel
Abhaya Libre
Abril Fatface
Aclonica
Acme
Actor
Advent
Advent Pro
Aguafina Script
Aldrich
Alef
Alegreya
Alegreya SC
Alegreya Sans
Alegreya Sans SC
Alex Brush
Alfa Slab One
Alice
Alike
Alike Angular
Allan
Allerta
Allerta Stencil
Allura
Almendra
Amatic SC
Amatica SC
Anton
Amiri
Anaheim
Andada
Annie Use Your Telescope
Archivo Narrow
Arima Madurai
Audiowide
Baloo Paaji
Bitter
Cairo
Cardo
Cinzel
Cinzel Decorative
Comfortaa
Cormorant
Cormorant Infant
Courgette
Cutive Mono
Dosis
Droid Sans
Droid Serif
Exo
Fjalla One
Gentium Basic
Gentium Book Basic
Glass Antiqua
Inconsolata
Josefin Sans
Josefin Slab
Karla
Lato
Lobster
Lora
Merriweather
Montserrat
Nunito
Open Sans
Oswald
Patua One
Playfair Display
Poppins
Quicksand
Raleway
Roboto
Roboto Condensed
Roboto Slab
Sacramento
Scada
Source Sans Pro
Titillium Web
Ubuntu
Unica One
Vibur
-
regular (400)
extra-light (200)
light (300)
bold (700)
Set
Font-Color
Color for body
Font-Size: Desktop
Font-Size
Font-Size for body
Font-Size
Line-height
Line-height in pixel for body
Line-height
Font-Size: Mobile
Font-Size
Font-Size for body in mobile version
Font-Size
Line-height
Line-height in pixel for body in mobile version
Line-height
Headline: Fonts
Font-Family
Font for headlines
Beautify the Web
ABeeZee
Abel
Abhaya Libre
Abril Fatface
Aclonica
Acme
Actor
Advent
Advent Pro
Aguafina Script
Aldrich
Alef
Alegreya
Alegreya SC
Alegreya Sans
Alegreya Sans SC
Alex Brush
Alfa Slab One
Alice
Alike
Alike Angular
Allan
Allerta
Allerta Stencil
Allura
Almendra
Amatic SC
Amatica SC
Anton
Amiri
Anaheim
Andada
Annie Use Your Telescope
Archivo Narrow
Arima Madurai
Audiowide
Baloo Paaji
Bitter
Cairo
Cardo
Cinzel
Cinzel Decorative
Comfortaa
Cormorant
Cormorant Infant
Courgette
Cutive Mono
Dosis
Droid Sans
Droid Serif
Exo
Fjalla One
Gentium Basic
Gentium Book Basic
Glass Antiqua
Inconsolata
Josefin Sans
Josefin Slab
Karla
Lato
Lobster
Lora
Merriweather
Montserrat
Nunito
Open Sans
Oswald
Patua One
Playfair Display
Poppins
Quicksand
Raleway
Roboto
Roboto Condensed
Roboto Slab
Sacramento
Scada
Source Sans Pro
Titillium Web
Ubuntu
Unica One
Vibur
-
regular (400)
extra-light (200)
light (300)
bold (700)
Set
Font-Color
Color for headlines
Font-size: Desktop
Font-Size: H1
Font-Size for headline H1
Font-Size: H1
Font-Size: H2
Font-Size for headline H2
Font-Size: H2
Font-Size: H3
Font-Size for headline H3
Font-Size: H3
Font-Size: H4
Font-Size for headline H4
Font-Size: H4
Font-Size: H5
Font-Size for headline H5
Font-Size: H5
Font-Size: H6
Font-Size for headline H6
Font-Size: H6
Font-size: Mobile
Font-Size: H1
Font-Size for headline H1 in mobile version
Font-Size: H1
Font-Size: H2
Font-Size for headline H2 in mobile version
Font-Size: H2
Font-Size: H3
Font-Size for headline H3 in mobile version
Font-Size: H3
Font-Size: H4
Font-Size for headline H4 in mobile version
Font-Size: H4
Font-Size: H5
Font-Size for headline H5 in mobile version
Font-Size: H5
Font-Size: H6
Font-Size for headline H6 in mobile version
Font-Size: H6
Topbar: Elements
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-Size
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
Height
Width: Fullwidth
Fullwidth layout for topbar
Border
Border-bottom for topbar
Shadow
Opacity of topbar shadow
Shadow
Socials: colored
Social icons in color
Header: Elements
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
Hide header on home-site
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
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
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
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
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
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
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
Classic v8
Turn on
Turn this header style on
Background-Color
Background-Color for header
Font-Color
Font-Color for 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
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
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
Modern v2
Turn on
Turn on this header style
Background-color
Background-color for header
Font-Color
Font-Color for header
Modern v3
Turn on
Turn on this header style
Background-color
Background-color for header
Font-Color
Font-Color for 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
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
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
Modern v7
Turn on
Turn on this header style
Background-color
Background-color for header
Font-Color
Font-Color for header
Modern v8
Turn on
Turn on this header style
Background-color
Background-color for header
Font-Color
Font-Color for header
Modern v9
Turn on
Turn on this header style
Background-color
Background-color for header
Font-Color
Font-Color for 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
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
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
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
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
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
Layout: Mainmenu
Margin between items
Margin in pixel between menu items
Margin between items
Icon beside menu item
Set Icon beside menu item
Item divider style 1
Item divider style 1
Item divider style 2
Item divider style 2
Item divider style 3
Item divider style 3
Layout: Dropdown Menu
Background-color
Background-color for dropdown
Border-color
Border-color for dropdown
Layout: Mobile Menu
Hide: Search
hide search in mobile menu
Hide: Langswitch
hide langswitch in mobile menu
Hide: Phone
hide phone-number in mobile menu
Hide: Socials
hide socials in mobile menu
Font: Mainmenu
Font-Family
Font for mainmenu
Beautify the Web
ABeeZee
Abel
Abhaya Libre
Abril Fatface
Aclonica
Acme
Actor
Advent
Advent Pro
Aguafina Script
Aldrich
Alef
Alegreya
Alegreya SC
Alegreya Sans
Alegreya Sans SC
Alex Brush
Alfa Slab One
Alice
Alike
Alike Angular
Allan
Allerta
Allerta Stencil
Allura
Almendra
Amatic SC
Amatica SC
Anton
Amiri
Anaheim
Andada
Annie Use Your Telescope
Archivo Narrow
Arima Madurai
Audiowide
Baloo Paaji
Bitter
Cairo
Cardo
Cinzel
Cinzel Decorative
Comfortaa
Cormorant
Cormorant Infant
Courgette
Cutive Mono
Dosis
Droid Sans
Droid Serif
Exo
Fjalla One
Gentium Basic
Gentium Book Basic
Glass Antiqua
Inconsolata
Josefin Sans
Josefin Slab
Karla
Lato
Lobster
Lora
Merriweather
Montserrat
Nunito
Open Sans
Oswald
Patua One
Playfair Display
Poppins
Quicksand
Raleway
Roboto
Roboto Condensed
Roboto Slab
Sacramento
Scada
Source Sans Pro
Titillium Web
Ubuntu
Unica One
Vibur
-
regular (400)
extra-light (200)
light (300)
bold (700)
Set
Font-size
Font-size mainmenu
Font-size
Font-color
Font-Color for mainmenu
Active-color
Active-Color for mainmenu
Hover-color
Hover-Color for mainmenu
Text: uppercase
Uppercase for menu
Font: Line-Height
Has effects on the vertical position of the dropdown
Font: Line-Height
Font: Dropdown
Font-Family
Font for dropdown
Beautify the Web
ABeeZee
Abel
Abhaya Libre
Abril Fatface
Aclonica
Acme
Actor
Advent
Advent Pro
Aguafina Script
Aldrich
Alef
Alegreya
Alegreya SC
Alegreya Sans
Alegreya Sans SC
Alex Brush
Alfa Slab One
Alice
Alike
Alike Angular
Allan
Allerta
Allerta Stencil
Allura
Almendra
Amatic SC
Amatica SC
Anton
Amiri
Anaheim
Andada
Annie Use Your Telescope
Archivo Narrow
Arima Madurai
Audiowide
Baloo Paaji
Bitter
Cairo
Cardo
Cinzel
Cinzel Decorative
Comfortaa
Cormorant
Cormorant Infant
Courgette
Cutive Mono
Dosis
Droid Sans
Droid Serif
Exo
Fjalla One
Gentium Basic
Gentium Book Basic
Glass Antiqua
Inconsolata
Josefin Sans
Josefin Slab
Karla
Lato
Lobster
Lora
Merriweather
Montserrat
Nunito
Open Sans
Oswald
Patua One
Playfair Display
Poppins
Quicksand
Raleway
Roboto
Roboto Condensed
Roboto Slab
Sacramento
Scada
Source Sans Pro
Titillium Web
Ubuntu
Unica One
Vibur
-
regular (400)
extra-light (200)
light (300)
bold (700)
Set
Font-size
Font-size dropdown
Font-size
Font-Color
Font-color for dropdown
Active/Hover Color
Active/Hover color for dropdown
Active/Hover Background
Active/Hover background-color for dropdown
Text: uppercase
Uppercase for menu
Line-height
Line-height dropdown
Line-height
Active: Mainmenu
Active-color
Active color mainmenu
Active Style 2
Activ Style 2
Active Style 3
Activ Style 3
Active Style 4
Activ Style 4
Active Style 5
Activ Style 5
Active Style 6
Activ Style 6
Active Style 7
Activ Style 7
Bottom: Layout
Hide: bottom
Display: none for bottom
Height/Padding
padding-top/bottom of bottom
Height/Padding
Align: Center
text-align: center
Border-top
border-top for bottom
Bottom: Font
Font-size
Font-size for text
Font-size
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
Breakpoint Smartmenu
Breakpoint in pixel when mainmenu switch to smartmenu
Breakpoint Smartmenu
Hide: Smartmenu
Display: none for smartmenu
Langswitch Style 2
Langswitch Style 2
Layout: Fullwidth
Content-Width
Width of content in pixel
Content-Width
Boxed: Style 1
Boxed Style 1: ON
Turn on boxed style 1
Page-Shadow
Page-Shadow
Page-Width
Width in pixel for page
Page-Width
Margin-Top
Margin-top for page
Margin-Top
Background-color
Background-color
Boxed: Style 2
Boxed Style 2: ON
Turn on boxed style 2
Content-Width
Width in pixel for content
Content-Width
Negative margin
Negative margin for main
Negative margin
Background-color
Background-color
Boxed: Style 3
Boxed Style 3: ON
Turn on boxed style 3
Boxed Style 3: ON
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