Creative — slide 1

Read more

Creative — slide 2

Read more

Creative — slide 3

Read more

Cards — slide 1

Read more

Cards — slide 2

Read more

Cards — slide 3

Read more

draggable-logo

Global colors
  bg-primary
  bg-primary-light
  bg-primary-dark
  bg-secondary
  bg-secondary-dark
Template colors
  body
  top-header
  top-header-inner
  header
  header-inner
  navigation-inner
  navigation color
  dropdown background color
  content
Footer Styles
  background
  text color
  link color
  horizontal line
Buttons
  style 1
  style 2
  style 3
  text color
Mobile navigation
  background color
  navigation color
Other elements
  social icons
  top header border
  header border
  nav inner border
  footer border
 
Template configurations
 
has-right-nav  no-shopping-cart primary-font has-sticky-logo
 
Top header inner
 
 right-align
 
Header inner
 
has-header-border-color has-border-style-solid has-border-btm has-header-border-fullwidth has-thin-border
 
Navigation inner
 
 
 
Navigation styles
 
size-15 bg-nav-primary is-uppercase weight-700 active-white-color
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30 is-uppercase weight-500
 
Content styles
 
form-white
 
Footer styles
 
o-form has-thin-border has-border-style-solid has-border-top has-footer-border-color color-dark footer-btm-center
 
Footer background image
 
 

 

Typography

Heading H1
is-uppercase weight-700
 
Heading H2
is-uppercase weight-700
 
Heading H3
is-uppercase weight-700
 
Buttons
is-uppercase weight-600
 
 
Advanced settings
 
Custom CSS

#cc-inner .my-class {

color:#f0f0f0;

}

/* MATRIX-GLOBAL-SETTINGS-START */

@import url('https://fonts.jimstatic.com/css2?family=Puritan:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {

--primary-font: 'Puritan', sans-serif;

--content-width: 1200px;

--special-pages-content-width: 900px;

}

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link,

#cc-inner input.cc-checkout-btn,

#cc-inner a.cc-shop-addtocard {

padding: 17px 45px !important;

}

/* MOBILE-FULLWIDTH-BUTTONS-START */

@media only screen and (width <= 746px) {

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link {

width: 100% !important;

margin: 5px auto 0 auto;

box-sizing: border-box;

text-align: center !important;

}

}

/* MOBILE-FULLWIDTH-BUTTONS-END */

/* MATRIX-GLOBAL-SETTINGS-END */


Note: All changes made here will be applied to your entire website.

Kohler Bau AG

Grimselstrasse 88E

3860 Schattenhalb

 

033 972 53 53

E-Mail senden