GavernWP has an extensive mechanism allowing to create additional theme styles. We may distinguish two main groups of styles in this mechanism:<\/p>\n
The whole configuration is included in styles.json<\/strong> file:<\/p>\n [code][{<\/p>\n \u00abfamily\u00bb: \u00abcolor\u00bb, As you can see, it includes color<\/strong> style family which has two styles, namely: Color I<\/strong> and Color II<\/strong>.<\/p>\n In order to create new style family or a style for style family given, it is enough to create a next object in styles.json<\/strong> file and then create CSS files connected with a family given – in the case of color<\/strong> family, these are style1.css<\/strong> and style2.css<\/strong> files.<\/p>\n GavernWP will load CSS files of a style given in a head<\/strong> section – chosen in an administration panel or, if there is a tool for choosing user’s styles switched on, they will be loaded based on a Cookie file storing data about a style used by a user.<\/p>\n You have to remember that for each style family there is at least one CSS file loaded. Therefore, creating coexisting style families like:<\/p>\n is incorrect because at least one CSS style from each family will be loaded immediately. So the correct one is creating style families responsible for some elements of website styling, e.g. a separate family responsible for website coloring (colors<\/strong>) and a separate one for website background (patterns<\/strong>).<\/p>\n Generally, you have to care about particular style families in order not to overwrite one another.<\/p>\n","protected":false},"excerpt":{"rendered":" GavernWP has an extensive mechanism allowing to create additional theme styles. We may distinguish two main groups of styles in this mechanism: style family styles included in style family given …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[43,39,28],"class_list":["post-349","post","type-post","status-publish","format-standard","hentry","category-theme-features","tag-colors","tag-css","tag-json"],"_links":{"self":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=349"}],"version-history":[{"count":6,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts\/349\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=\/wp\/v2\/posts\/349\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.frozenlogistic.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\u00abfamily_desc\u00bb: \u00abTheme color\u00bb,
\n\u00abfamily_tooltip\u00bb: \u00abYou can select one of the theme colors\u00bb,
\n\u00abstyles\u00bb: [
\n{
\n\u00abname\u00bb: \u00abColor I\u00bb,
\n\u00abvalue\u00bb: \u00abcolor1\u00bb,
\n\u00abfile\u00bb: \u00abstyle1.css\u00bb
\n},
\n{
\n\u00abname\u00bb: \u00abColor II\u00bb,
\n\u00abvalue\u00bb: \u00abcolor2\u00bb,
\n\u00abfile\u00bb: \u00abstyle2.css\u00bb
\n}
\n]
\n}][\/code]<\/p>\n\n