{"id":980,"date":"2017-04-27T13:54:37","date_gmt":"2017-04-27T13:54:37","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=980"},"modified":"2018-01-31T09:48:38","modified_gmt":"2018-01-31T09:48:38","slug":"content","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/theme-options\/content\/","title":{"rendered":"Content"},"content":{"rendered":"<p>This section allows you to set up Site Content that will affect its look and general functionality. The <strong><em>Site Cotent<\/em><\/strong> is that area of site which stays between <em>Site Header<\/em> and <em>Site Footer<\/em>. You are able to display here all the information you need for your site.<\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>By understanding each of the<i> <\/i>options presented below, you will be able to display your content in many creative ways.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 0px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0 For a facile\u00a0presentation, let\u2019s call <em>Post, Project<\/em>\u00a0or\u00a0<em>Page<\/em>\u00a0with the generic term of <strong>Single<\/strong> and \u2014\u00a0when refering to all of them\u00a0\u2014<strong>\u00a0Singles<\/strong>.<\/p><\/div>\n<p>Beyond the <strong><em>Singles\u00a0<\/em><\/strong>pages, your site has also other types of content pages like: <em>Search Page, Categories Page, Tags Page, Latest Posts Page<\/em>. If comparing to <em>Singles,<\/em> all of these pages has similar design and structure (as they are Archive Pages). There is also the <em>Attachment Page<\/em> that is more similar to a <em>Single Page<\/em>.\u00a0So, the options from <strong>Content\u00a0\u2192 General<\/strong> refer to them.<\/p><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\">\n<div \t\tclass=\"pikode pikode--row  summary-box\" style=\"padding: 0px 0px 36px 0px; margin: 0px -36px 0px 0px;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t\t<div class=\"pikode--row__background\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"color-overlay\" style=\"opacity: 1; background-color: #4b917d;\" ><\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-light\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 0px 30px 0px 30px;\" >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; line-height: 1.0; text-decoration: none; color: #ffffff; padding: 36px 0px 0px 0px;\"><p>Summary<\/p><\/div>\n<p><a href=\"#general\">General<\/a><br \/>\n<a href=\"#post\">Post<\/a><br \/>\n<a href=\"#project\">Project<\/a><br \/>\n<a href=\"#page\">Page<br \/>\n<\/a><a href=\"#featured-branding\">Featured Branding<\/a><a href=\"#page\"><br \/>\n<\/a><a href=\"#sidebar\">Sidebar<\/a><br \/>\n<a href=\"#error-404-page\">Error 404 Page<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n<p>The next three options\u00a0\u2014 <strong>Post<\/strong>, <strong>Project<\/strong> and <strong>Page<\/strong>\u00a0\u2014 offers you enough customizations in order to make them unique, to give a different look and feeling to each of them. This is the reason they\u00a0have separate options.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2809\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Single_items.png\" alt=\"\" width=\"500\" height=\"430\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Single_items.png 704w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Single_items-300x258.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>So, in the case of Singles, you are free to create as many designs and layouts as you want, because you have the necessary\u00a0tools and elements to achieve the desired page. <em>More about this, you could find at <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/\" target=\"_blank\" rel=\"noopener\">Managing content<\/a> section.<\/em><\/p>\n<p>There is also <strong><em>404 Error Page<\/em><\/strong>, with a separate design and layout. It is conceived for those moments when your site has dead ends.<\/p>\n<p>When talking about\u00a0<em><strong>Featured Branding<\/strong><\/em> and\u00a0<em><strong>Sidebar<\/strong><\/em>, you should be aware that both of them\u00a0represent <strong><em>content elements<\/em><\/strong>\u00a0\u2014\u00a0<em>t<\/em><em>hey are not content pages by themselves (as Post, Project, Page, Error 404 Page are).<\/em><\/p>\n<p>Content settings are as follows:<\/p><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #636363; padding: 36px 36px 6px 36px; margin: 12px -36px 0px 0px; background-color: #f1f1f1;\"><p>All the Singles have the same <em>structure of elements<\/em>:<\/p>\n<p><strong>Single Header<\/strong> <em>(Post Header, Project Header, Page Header)<\/em><\/p>\n<p><strong>Single Content<\/strong>\u00a0<em>(Post Content, Project Content, Page Content)<\/em><\/p>\n<p><strong>Single Footer<\/strong>\u00a0<em>(Post Footer, Project Footer, Page Footer)<\/em><\/p><\/div><\/div><\/div>\n\n<div id=\"general\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p>General<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>This section allows you to set up general settings for Site Content.\u00a0The following options are available:<\/p>\n<ul>\n<li><strong>Breadcrumbs<\/strong>\u00a0\u2014\u00a0placed close to any page title.<\/li>\n<\/ul><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #636363; padding: 36px 36px 6px 36px; margin: -24px -36px 0px 0px; background-color: #f1f1f1;\"><p><strong>Breadcrumbs<\/strong> represent a type of <strong>secondary navigation scheme<\/strong> that reveals the visitor\u2019s location inside your website.<\/p><\/div><\/div><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2948\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Breadcrumbs.jpg\" alt=\"\" width=\"800\" height=\"600\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Breadcrumbs.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Breadcrumbs-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Breadcrumbs-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<ul>\n<li><strong>Site Header transparency\u00a0<\/strong>\u2014 if this option is enabled, the Site Header becomes\u00a0transparent and the Site Content is not displayed anymore just below the Site Header, but from the very top of browser window. <em>The option affects all the pages excepting Singles.<\/em><\/li>\n<\/ul>\n<ul>\n<li><strong>Archive Pages\u00a0<\/strong>\u2014 include Search Page, Categories Page, Tags Page and any archive page WordPress come with. The options below affect just the elements that belong to these pages.\n<ul>\n<li><strong>Display type\u00a0<\/strong>\u2014\u00a0the way Related Posts are displayed; choose between 6 types of cards: <strong><em>Shadow<\/em><\/strong>, <strong><em>Move<\/em><\/strong>, <strong><em>Fade<\/em><\/strong>, <strong><em>Rising<\/em><\/strong>, <strong><em>Plain<\/em> <\/strong>or <strong><em>List<\/em><\/strong>. Read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#cards\" target=\"_blank\" rel=\"noopener\">cards<\/a>.<\/li>\n<li><strong>*Transparency<\/strong> \u2014 overlay color transparency while hovering by mouse. The overlay color is set up in Theme Options when choosing General \u2192 Colors \u2192 Feature color. It affects just <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#move\" target=\"_blank\" rel=\"noopener\">Move<\/a> and <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#fade\" target=\"_blank\" rel=\"noopener\">Fade<\/a> Types<\/li>\n<li><strong>Columns number\u00a0<\/strong>\u2014 choose how many columns of Related Posts to showcase:\u00a01, 2, 3, 4, 5 or 6<\/li>\n<li><strong>Columns spacing\u00a0<\/strong>\u2014 enter the spacing between columns, <em>measured in pixels<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<div id=\"post\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/new-superhero-in-amsterdam\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Post<\/span><\/a><\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>Posts are entries for creating your <strong><em>site blog<\/em><\/strong>,\u00a0listed in reverse chronological order on that\u00a0page you set them up. The settings from this section affect globally the\u00a0Post&#8217;s Layout and its necessary spacings, the visibility of its elements and the navigation button.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 0px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0\u00a0<em>The are options of Singles\u00a0\u2014 Post, Project, Page\u00a0\u2014 that are similar as terminology and\u00a0meaning.\u00a0In order to not repeat all of them, at each Single, <strong>we will consider Post as reference Single<\/strong> and \u2014 for Project and Page\u00a0\u2014 will emphasize just the options that are different.<\/em><\/p><\/div>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>Spacing<\/p><\/div>\n<p>The spacing represents\u00a0the amount of space <em>Post elements<\/em>\u00a0fills up from the total width\u00a0of browser window. When\u00a0adding\u00a0spacing, the width of content is reduced\u00a0with a certain amount of pixels, either by left or by right side.<\/p>\n<ul>\n<li><strong>left <\/strong>\u2014\u00a0add spacing to the left side of Post Content<\/li>\n<li><strong>right <\/strong>\u2014 add spacing to the right side of Post Content<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2944\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Content_spacing.png\" alt=\"\" width=\"500\" height=\"560\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Content_spacing.png 605w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Content_spacing-268x300.png 268w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>Visibility<\/p><\/div>\n<p>The V<em>isibility section<\/em> helps you to\u00a0decide which elements of Post will be visible to visitors. It has the following options:<\/p>\n<ul>\n<li><strong>Tags\u00a0<\/strong>\u2014\u00a0it includes the tags specified inside the Post<\/li>\n<li><strong>Author\u00a0<\/strong>\u2014 if enabled, a post&#8217;s author field, including name and\u00a0biographical information, is inserted right below the post<\/li>\n<li><strong>Related Posts\u00a0<\/strong>\u2014 located almost at the bottom of\u00a0Post, there are showcased posts that has the same categories as the actual\u00a0one. Find out more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/layout-structure\/#related-items\" target=\"_blank\" rel=\"noopener\"><em>Related Items<\/em><\/a>.<\/li>\n<li><strong>Comments\u00a0<\/strong>\u2014 this option overwrites the <em><strong>Allow comments<\/strong><\/em> checkbox from <em>Discussion metabox;\u00a0<\/em>it affects all the posts<\/li>\n<li><strong>Navigation\u00a0<\/strong>\u2014 located at the bottom of Post,\u00a0the link is conceived to redirect the visitor to the Posts page (or Blog). It includes the <strong><em>Previous Post<\/em><\/strong> link, the <strong><em>Next Post<\/em><\/strong> link and <em><strong>All Posts<\/strong><\/em> link<\/li>\n<\/ul>\n\n<div id=\"visibility-items\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2812\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Tags-Nav.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Tags-Nav.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Tags-Nav-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/Tags-Nav-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>Related Posts<\/p><\/div>\n<p>The following options are available <em>(please read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/layout-structure\/#related-items\" target=\"_blank\" rel=\"noopener\">Related Items<\/a>)<\/em>:<\/p>\n<ul>\n<li><strong>Display type\u00a0<\/strong>\u2014 the way Related Posts are displayed; choose between 6 types of cards: <strong><em>Shadow<\/em><\/strong>, <strong><em>Move<\/em><\/strong>, <strong><em>Fade<\/em><\/strong><em>,<\/em><strong><em> Rising<\/em><\/strong><em>,<\/em><strong><em> Plain<\/em><\/strong> or <em><strong>List.\u00a0<\/strong><\/em>Read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#cards\" target=\"_blank\" rel=\"noopener\"><em>cards<\/em><\/a>.<\/li>\n<li><strong>*Transparency\u00a0<\/strong>\u2014 overlay color transparency <em>while hovering by mouse<\/em>. The overlay color is set up in Theme Options when choosing <em>General \u2192\u00a0Colors \u2192\u00a0Feature color.<\/em>\u00a0<em>It affects\u00a0just <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#move\" target=\"_blank\" rel=\"noopener\">Move<\/a> and <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#fade\" target=\"_blank\" rel=\"noopener\">Fade<\/a>\u00a0Types<\/em><\/li>\n<li><strong>Columns number\u00a0<\/strong>\u2014 choose how many columns of Related Posts to showcase:\u00a01, 2, 3, 4, 5 or 6<\/li>\n<li><strong>Columns spacing\u00a0<\/strong>\u2014 enter the spacing between columns, <em>measured in pixels<\/em><\/li>\n<\/ul>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>All Posts Link<\/p><\/div>\n<p>Enter the link to <em><strong>All Posts Page button<\/strong><\/em>, located inside <em><strong>Post\u00a0Navigation<\/strong><\/em> at the very bottom of Post. You could choose any page to be your <em>All Posts Page,\u00a0<\/em>even if it is recommended to point the link to the page where you set up the <em>main blog<\/em>.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>Post Excerpt<\/p><\/div>\n<p>Define the maximum number of words for Post Excerpt, which is an optional summary or description of a post, in short, a\u00a0<b>post summary<\/b>. <em>Find more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/adding-posts\/#excerpt\" target=\"_blank\" rel=\"noopener\">Post Excerpt<\/a>.<\/em><\/p>\n\n<div id=\"project\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/project\/led-buster-bulb-by-buster-punch\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Project<\/span><\/a><\/p><\/div>\n<p>Projects are custom entries for displaying your\u00a0<strong><em>portfolio\u00a0<\/em><\/strong>or\u00a0<strong><em>works<\/em><\/strong>,\u00a0listed in reverse chronological order on that\u00a0page you set them up. The settings from this section affects globally the Project&#8217;s Layout and its necessary spacings, the visibility of its elements and the navigation button.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 0px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0\u00a0<em>We will present just the options that are different\u00a0from <strong>Post options<\/strong>. For more details, check <a href=\"#post\">them<\/a>.<\/em><\/p><\/div>\n<p>The following options are available:<\/p>\n<ul>\n<li><strong>Visibility\u00a0<\/strong>\u2014 <em>Tags, Social Share <\/em>and<em> Comments <\/em>options are\u00a0the same as those from Post options\n<ul>\n<li><strong>Related Projects\u00a0<\/strong>\u2014\u00a0located almost at the bottom of Project, there are showcased projects that have the same categories as the actual\u00a0one<\/li>\n<li><strong>Comments\u00a0<\/strong>\u2014 this option overwrites the <em><strong>Allow comments<\/strong><\/em> checkbox from <em>Discussion metabox;\u00a0<\/em>it affects all the posts<\/li>\n<li><strong>Navigation\u00a0<\/strong>\u2014 located at the bottom of Project,\u00a0the link is conceived to redirect the visitor to the Projects page. It includes the <strong><em>Previous Project\u00a0<\/em><\/strong>link, the <strong><em>Next Project\u00a0<\/em><\/strong>link and <em><strong>All Projects\u00a0<\/strong><\/em>link<\/li>\n<\/ul>\n<\/li>\n<li><strong>Related Projects<\/strong>\u00a0\u2014 <em>please read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/layout-structure\/#related-items\" target=\"_blank\" rel=\"noopener\">Related Items<\/a><\/em>. The following options are available:\n<ul>\n<li><strong>Display type\u00a0<\/strong>\u2014 choose between 6 types of cards: <strong><em>Shadow<\/em><\/strong>, <strong><em>Move<\/em><\/strong>, <em><strong>Fade<\/strong>, <strong>Rising<\/strong>, <strong>Plain<\/strong><\/em> or <strong><em>List<\/em><\/strong>. Read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#cards\" target=\"_blank\" rel=\"noopener\"><em>cards<\/em><\/a>.<\/li>\n<li><strong>*Transparency\u00a0<\/strong>\u2014 overlay color transparency <em>while hovering by mouse<\/em>. The overlay color is set up in Theme Options when choosing <em>General \u2192\u00a0Colors \u2192\u00a0Feature color.<\/em>\u00a0<em>It affects\u00a0just <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#move\" target=\"_blank\" rel=\"noopener\">Move<\/a> and <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/#fade\" target=\"_blank\" rel=\"noopener\">Fade<\/a>\u00a0Types<\/em><\/li>\n<li><strong>Columns number\u00a0<\/strong>\u2014 the way Related Projects are displayed; choose how many columns of Related Projects\u00a0to showcase:\u00a01, 2, 3, 4, 5 or 6<\/li>\n<li><strong>Columns spacing\u00a0<\/strong>\u2014 enter the spacing between columns, <em>measured in pixels<\/em><\/li>\n<\/ul>\n<\/li>\n<li><strong>All Projects Link\u00a0<\/strong>\u2014 enter the link to <em><strong>All Projects Page button<\/strong><\/em>, located inside <em><strong>Post\u00a0Navigation<\/strong><\/em> at the very bottom of Project<\/li>\n<\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"page\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/about-freelancer\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Page<\/span><\/a><\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>Pages are entries that live outside of the <em>Posts<\/em> or <em>Projects<\/em>\u00a0chronology, and are often used to present timeless information about yourself or your site \u2014\u00a0information that is always relevant. You can use Pages to organize and manage the structure of your website content. The settings from this section affects globally the Page&#8217;s Layout and its necessary spacings and the visibility of its elements.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 0px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0\u00a0<em>We will present just the options that are different\u00a0from <strong>Post options<\/strong>. For more details, check <a href=\"#post\">them<\/a>.<\/em><\/p><\/div>\n<p>The following options are available:<\/p>\n<ul>\n<li><strong>Visibility\u00a0<\/strong>\u2014 <em>Social Share <\/em>and<em> Comments <\/em>options are\u00a0the same as those from Post options\n<ul>\n<li><strong>Comments\u00a0<\/strong>\u2014 this option overwrites the <em><strong>Allow comments<\/strong><\/em> checkbox from <em>Discussion metabox;\u00a0<\/em>it affects all the posts<\/li>\n<li><strong>Navigation\u00a0<\/strong>\u2014 located at the bottom of Page,\u00a0the link is conceived to redirect the visitor to\u00a0other pages. It includes the <strong><em>Previous Page\u00a0<\/em><\/strong>link and the <strong><em>Next Page\u00a0<\/em><\/strong>link<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<div id=\"featured-branding\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/services\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Featured Branding<\/span><\/a><\/p><\/div>\n<p>The Featured Branding is a powerful tool of Ombra that enhances the headings of any page. When enabled, it sets up the page heading above all existing content.<\/p>\n<p>The Featured Branding comprises the following elements:<\/p>\n<ul>\n<li><strong>heading<\/strong> of Single (Post, Page, Project)<\/li>\n<li><strong>metadata<\/strong>, which could consist of <em>Categories, Date<\/em> or <em>Comments number<\/em><\/li>\n<li><strong>breadcrumbs<\/strong><\/li>\n<li><strong>background<\/strong>, which \u2014 depending on case \u2014 could be <strong><em>a color, an image or an image with overlay color<\/em><\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2813\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/FB.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/FB.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/FB-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/04\/FB-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<p>In the case of <strong><em>Singles<\/em><\/strong>,\u00a0the\u00a0Featured Branding can be changed locally by enabling\/disabling it. It functions in optimal conditions when\u00a0<strong><em>the title and Featured Image are both set up<\/em><\/strong>. <em>For more information about Featured Branding, <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/layout-structure\/#fb-vs-b\" target=\"_blank\" rel=\"noopener\">please see<\/a><\/em>.<\/p>\n<p>The following options are available:<\/p>\n<ul>\n<li><strong>Enabled\u00a0<\/strong>\u2014\u00a0check this if you want to have\u00a0a Featured Branding on each Post, Page and Project<\/li>\n<\/ul>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><ul>\n<li><strong>Color style\u00a0<\/strong>\u2014 affects both the overlay\u00a0color and\u00a0its transparency\n<ul>\n<li><strong>Overlay color\u00a0<\/strong>\u2014\u00a0it\u00a0covers Featured Image (when it is setup), which is used to fill up Featured Branding<\/li>\n<li><strong>Overlay transparency\u00a0<\/strong>\u00a0\u2014 enter a value for overlay color transparency, <em>measured in percents<\/em><\/li>\n<\/ul>\n<\/li>\n<li><strong>Spacing\u00a0<\/strong>\u00a0\u2014 the amount of space the Featured Branding\u00a0fills up from the total height of browser window\n<ul>\n<li><strong>Height\u00a0<\/strong>\u2014 enter the height of Featured Branding from the total height of browser window, <em>measured in percents<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #636363; padding: 36px 36px 6px 36px; margin: 0px -36px 0px 0px; background-color: #f1f1f1;\"><p>If <strong><em>the\u00a0F<\/em><em>eatured Branding is enabled<\/em><\/strong> and <strong><em>Featured Branding image\u00a0is set up<\/em><\/strong> in Theme Options, it appears on any page of your site.<\/p>\n<p>However, <em><strong>it could be\u00a0replaced locally on Single\u00a0pages<\/strong>\u00a0(Post, Project, Page), by choosing another Featured Image.<\/em><\/p><\/div><\/div><\/div>\n<div class=\"pikode pikode--custom-content  custom-content--inherit\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; padding: 24px 0px 0px 0px;\"><ul>\n<li><strong>Featured Branding image\u00a0<\/strong>\u2014\u00a0upload any image to fill up the background of Featured Branding. If no Featured Image is set up,\u00a0a fill color will be used.<\/li>\n<li><strong>Parallax\u00a0<\/strong>\u00a0\u2014 if enabled, parallax scroll effect is applied to Featured Branding image<\/li>\n<\/ul><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"sidebar\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/blog-with-sidebar\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Sidebar<\/span><\/a><\/p><\/div>\n<p>The Sidebar is\u00a0basically a vertical column inside Site Content <em>for displaying Widgets<\/em>. <strong><em>It can be positioned on either left or right <\/em><\/strong>side of the Site Content.<\/p>\n<p>The following options are available (<em>please read more about <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/customize-sidebars\/\" target=\"_blank\" rel=\"noopener\">Sidebars<\/a><\/em>):<\/p>\n<ul>\n<li><strong>Enabled\u00a0<\/strong>\u2014\u00a0check this if you want to have a Sidebar in the Site\u00a0Content<\/li>\n<li><strong>Color style\u00a0<\/strong>\u2014 affects content\u00a0items color of the Sidebar\n<ul>\n<li><strong>Color skin\u00a0<\/strong>\u00a0\u2014 color skin of Sidebar\u00a0items (widgets). You could choose between <em><strong>Light\u00a0<\/strong><\/em>(or <em>white<\/em>) and <strong><em>Dark\u00a0<\/em><\/strong>(almost <em>black)<\/em><\/li>\n<\/ul>\n<\/li>\n<li><strong>Spacing\u00a0<\/strong>\u2014 the amount of space the Sidebar\u00a0fills up from the width of\u00a0Site Content\n<ul>\n<li><strong>Width\u00a0<\/strong>\u00a0\u2014 sidebar size from Site Content width: <strong><em>1\/2<\/em><\/strong>, <strong><em>1\/3<\/em><\/strong> and <em><strong>1\/4<\/strong><\/em><\/li>\n<\/ul>\n<ul>\n<li><strong>Position\u00a0<\/strong>\u00a0\u2014 <span class=\"description customize-control-description\">the side of Site Content\u00a0you want to place sidebar, either <strong><em>Left<\/em><\/strong> or <strong><em>Right<\/em><\/strong><\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"error-404-page\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/abc\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Error 404 Page<\/span><\/a><\/p><\/div>\n<p>If your site&#8217;s visitors encounter <em>a page not found<\/em> error, it would be a great idea to\u00a0present them a message more useful than <strong><em>Not found<\/em><\/strong>. Here the <em><strong>Error\u00a0404 Page<\/strong><\/em> comes: as site administrator, you should always be able to redirect the visitors to a useful page, <strong><em>in case of an error<\/em><\/strong>.<\/p>\n<p>The following options are available:<\/p>\n<ul>\n<li><strong>Color style\u00a0<\/strong>\u2014 affects content\u00a0items color of the Error 404 Page\n<ul>\n<li><strong>Color skin\u00a0<\/strong>\u2014 color skin of Page items. You could choose between <em><strong>Light\u00a0<\/strong><\/em>(or <em>white<\/em>) and <strong><em>Dark\u00a0<\/em><\/strong>(almost <em>black)<\/em><\/li>\n<\/ul>\n<\/li>\n<li><strong>Elements\u00a0<\/strong>\u2014\u00a0you could customize different elements of Error 404 Page for a meaningful message.\u00a0<strong><em>Leave empty in case\u00a0you don&#8217;t need\u00a0a specific element<\/em><\/strong>\n<ul>\n<li><strong>Title\u00a0<\/strong>\u2014 enter page title<\/li>\n<li><strong>Subtitle\u00a0<\/strong>\u2014 enter page subtitle<\/li>\n<li><strong>Description\u00a0<\/strong>\u2014 enter page description<\/li>\n<li><strong>Button\u00a0<\/strong>\u2014\u00a0it works just if the label is entered.\n<ul>\n<li><strong>Label\u00a0<\/strong>\u2014 enter label for page button.\u00a0<em>Leave empty in case you don&#8217;t need a Button<\/em><\/li>\n<li><strong>Link\u00a0<\/strong>\u2014 enter link for page button<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>This section allows you to set up Site Content that will affect its look and general functionality. The Site Cotent is that area of site which stays between Site Header and Site Footer. You are able to display here all the information you need for your site. The next three options\u00a0\u2014 Post, Project and Page\u00a0\u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-980","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=980"}],"version-history":[{"count":44,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/980\/revisions"}],"predecessor-version":[{"id":3763,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/980\/revisions\/3763"}],"up":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/847"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}