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
Opening hours
-
Monday
09:00 - 20:00
-
Tuesday
09:00 - 20:00
-
Wednesday
09:00 - 20:00
-
Thursday
09:00 - 20:00
-
Friday
09:00 - 20:00
-
Saturday
09:00 - 12:30
-
Sunday
Closed
Gallery
About us
Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget malesuada.
| 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 | |
| right-align link-dark | |
| Header inner | |
| Navigation inner | |
| Navigation styles | |
| size-15 weight-400 snip-nav --line01 | |
| Sub-menu (breadcrumbs) styles | |
| size-15 | |
| Mobile Navigation styles | |
| size-30 | |
| Content styles | |
| form-white | |
| Footer styles | |
| o-form color-white | |
| Footer background image | |
| https://u.jimcdn.com/cms/o/sc0aed8eb7b90bb7f/userlayout/img/pattern-hexagon.png?t=1726903820 | |
|
Typography |
|
| Heading H1 | |
| weight-400 | |
| Heading H2 | |
| weight-400 | |
| Heading H3 | |
| weight-400 | |
| Buttons | |
| weight-400 | |
| Advanced settings | |
| Custom CSS | |
|
#cc-inner .has-lang-nav.snip-nav ul li a:link, #cc-inner .has-lang-nav.snip-nav ul li a:visited { margin: 2px 5px; }
|
Note: All changes made here will be applied to your entire website.
