{"id":1896,"date":"2020-05-22T21:48:52","date_gmt":"2020-05-22T21:48:52","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=1896"},"modified":"2020-05-22T22:40:22","modified_gmt":"2020-05-22T22:40:22","slug":"general-appearance","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/user-guide\/general-appearance\/","title":{"rendered":"General Appearance"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>On this page various general setting are gathered. Here you can:<\/p>\n<ul>\n<li>set the content width in \u201cpx\u201d or \u201c%\u201d (see fig. 1);<\/li>\n<li>select site layout: boxed or wide;<\/li>\n<li>set the box width in \u201cpx\u201d or \u201c%\u201d if \u201cboxed\u201d layout is enabled (see fig. 1);<\/li>\n<li>set background color and image \u201cunder the box\u201d (see fig. 1);\n<div id=\"attachment_1403\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/to-general.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1403 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/to-general-2.jpg\" alt=\"Fig. 1. How your site looks if boxed layout is enabled.\" width=\"1404\" height=\"727\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. How your site looks if boxed layout is enabled.<\/p>\n<\/div>\n<\/li>\n<li>configure content area paddings for desktop and mobiles (fig. 2);\n<div id=\"attachment_3560\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/gen-appear-margins.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3560\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/01\/gen-appear-margins.png\" alt=\"Fig. 2. Content paddings.\" width=\"836\" height=\"252\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2. Content paddings.<\/p>\n<\/div>\n<\/li>\n<li>set basic site background color and image;<\/li>\n<li>define style for so called \u201ccontent boxes\u201d: DT Accordion, DT Tabs, etc.;<\/li>\n<li>select the color for dividers;<\/li>\n<li>set the color accent (see fig. 3);\n<div id=\"attachment_2825\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig.-2.-Accent-color-settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2825 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2017\/12\/Fig.-2.-Accent-color-settings..png\" alt=\"Fig. 3. Accent color settings.\" width=\"844\" height=\"401\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3. Accent color settings.<\/p>\n<\/div>\n<\/li>\n<li>configure border radius for the site: it will be used for input fields, sidebar borders etc.;<\/li>\n<li>define style for beautiful loading and lightbox (see fig. 4);\n<div id=\"attachment_2827\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig.-3.-Beautiful-loading-and-lightbox-settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2827\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2017\/12\/Fig.-3.-Beautiful-loading-and-lightbox-settings..png\" alt=\"Fig. 3. Beautiful loading and lightbox settings.\" width=\"843\" height=\"724\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4. Beautiful loading and lightbox settings.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>On this page various general setting are gathered. Here you can: set the content width in \u201cpx\u201d or \u201c%\u201d (see fig. 1); select site layout: boxed or wide; set the box width in \u201cpx\u201d or \u201c%\u201d if \u201cboxed\u201d layout is enabled (see fig. 1); set background color and image \u201cunder the box\u201d (see fig. 1);&hellip;<\/p>\n","protected":false},"author":2,"featured_media":3618,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[10,9],"tags":[],"class_list":["post-1896","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theme-options","category-user-guide","category-10","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/1896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=1896"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/1896\/revisions"}],"predecessor-version":[{"id":2013,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/1896\/revisions\/2013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/3618"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=1896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=1896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=1896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}