Style Guide
Button styles
Style 1
Typography
Large Heading H1
Medium Heading H2
Small Heading
This is a simple text, Vivamus quis mi. Curabitur a felis in nunc fringilla tristique. Donec posuere vulputate arcu. Nunc sed turpis. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum.
This is a simple link.
Custom widgets
Make it beautiful
About
Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Ut id nisl quis enim dignissim sagittis. Fusce vel dui. Morbi vestibulum volutpat enim.
Curabitur a felis in nunc fringilla tristique. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Donec posuere vulputate arcu. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Contact
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| top-header-inner | |
| header | |
| header-inner | |
| navigation-inner | |
| navigation color | |
| dropdown background color | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
| background color | |
| navigation color |
| social icons | |
| top header border | |
| header border | |
| nav inner border |
| Template configurations | |
|
|
| Top header inner | |
| Header inner | |
| Navigation inner | |
| Navigation styles | |
| size-18 weight-400 snip-nav color-line g-font | |
| Sub-menu (breadcrumbs) styles | |
| size-16 | |
| Mobile Navigation styles | |
| size-30 | |
| Content styles | |
| form-white | |
| Footer styles | |
| o-form color-white has-pattern-img | |
| Footer background image | |
| https://u.jimcdn.com/cms/o/s88d55486426e2a4c/userlayout/img/pattern-memphis.png?t=1725530533 | |
|
Typography |
|
| Heading H1 | |
| weight-400 | |
| Heading H2 | |
| weight-400 | |
| Heading H3 | |
| weight-400 | |
| Buttons | |
| weight-400 | |
| Advanced settings | |
| Custom CSS | |
|
#cc-inner .my-class { color:#f0f0f0; }
|
Note: All changes made here will be applied to your entire website.
