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
 
Top header inner
 
has-top-header-border-color br20
 
Header inner
 
 br15 has-shadow-small  add-left-20 add-right-20  margin-10
 
Navigation inner
 
br10 has-large-border has-border-left
 
Navigation styles
 
size-15 weight-400 has-large-border-radius no-shadow
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30
 
Content styles
 
form-white round-btn
 
Footer styles
 
o-form round-btn
 
Footer background image
 
 

 

Typography

Heading H1
weight-700
 
Heading H2
weight-500
 
Heading H3
weight-500
 
Body text (p, table, td)
weight-400
 
Buttons
weight-600 size-16
 
 
Advanced settings
 
Custom CSS

.my-class {

background:#f0f0f0;

}

/* MATRIX-GLOBAL-SETTINGS-START */

:root {

--content-width: 1170px;

--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: 6px 30px !important;

}

.j-module.j-imageSubtitle img,

.j-module.j-textWithImage img,

.j-module.j-gallery img {

border-radius: 25px;

}

/* MATRIX-GLOBAL-SETTINGS-END */


Note: All changes made here will be applied to your entire website.
(+41) 79 871 22 78
E-Mail

draggable-logo
Logo Webdesign-ZO