{"id":504,"date":"2016-12-02T15:08:06","date_gmt":"2016-12-02T15:08:06","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=504"},"modified":"2017-02-20T10:07:57","modified_gmt":"2017-02-20T10:07:57","slug":"single-page-creation","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/post-types\/single-page-creation","title":{"rendered":"Single Page Creation"},"content":{"rendered":"<p><strong>Pages <\/strong>are the most frequently used post type on the site.<\/p>\n<p>Using this post type you can create various pages for your site and impress your customers with the great variety of features.<\/p>\n<h5>Watch the video tutorial on <a href=\"https:\/\/youtu.be\/OPL5den0dmU\" target=\"_blank\">Single Page creation<\/a> for more details.<\/h5>\n<h3 class=\"category-title\">Publish section<\/h3>\n<h4 class=\"category-subtitle\">This section allows you to set the visibility parameters of the page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-529 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Publish-page.jpg\" alt=\"publish-page\" width=\"978\" height=\"428\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Publish-page.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Publish-page-300x131.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Publish-page-768x336.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li class=\"list-title\"><strong>Status<\/strong> &#8211; here you can set the type of the page &#8211; whether it&#8217;s already <strong>Published<\/strong>, <strong>Pending<\/strong> <strong>Review<\/strong> or is a <strong>Draft<\/strong>.<\/li>\n<li class=\"list-title\"><strong>Visibility<\/strong> &#8211; set whether you want to make the page\u00a0<strong>Public visible<\/strong>, <strong>Password protected<\/strong> (type the password to allow the access to the page for only users with that password), <strong>Private<\/strong> (and you&#8217;ll be the only one who can see the page).<\/li>\n<li class=\"list-title\"><strong>Revisions<\/strong> &#8211; allows you to check how the structure of the page was changing in the process of its creation. Autosaving is also available in this section.<\/li>\n<li class=\"list-title\"><strong>Published on<\/strong> &#8211; here you can change the publication date of the page. You can use this option to change the order of the single\u00a0posts, portfolios, and gallery items (by date) or to schedule their publication in future.<\/li>\n<\/ul>\n<h3>Page attributes<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-523 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Attributes.jpg\" alt=\"page-attributes\" width=\"978\" height=\"560\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Attributes.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Attributes-300x172.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Attributes-768x440.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Parent<\/strong> &#8211; set the hierarchy of the pages on your site.<\/li>\n<li><strong>Template<\/strong> &#8211; select the page template for every certain page:\n<ul>\n<li><strong>Default <\/strong>&#8211; default WordPress page. We don&#8217;t recommend you to use it for your site, as some options are not working properly with such template.<\/li>\n<li><strong>For page builder<\/strong> &#8211; custom page template that allows you to use Visual Composer modules and creates simple scroll page. We recommend you to use it for creating custom pages.<\/li>\n<li><strong>For one page scroll<\/strong> &#8211; creates a page with vertically scrolling slides set to full height. You may see the example <a href=\"http:\/\/nativewptheme.net\/eleventh\/\">here<\/a>.<br \/>\nWithin this page template, you are able to enable<strong> Smart Header<\/strong> option. So the header will adjust its color scheme depending on the background: if the dark background is used, the header will be automatically changed into white and vice versa. For this, you need to go to each row <del class=\"support-arrow-right\">Row settings<\/del>\u00a0<del class=\"support-arrow-right\">Background options<\/del> <del>Row background style<\/del>\u00a0and select whether dark or light background is used for the row.<\/li>\n<li><strong>Blog page template<\/strong> &#8211; is used to create a blog page. This page template\u00a0displays the single posts automatically in accordance with their publication date. More details about Blog page template you can find in <a href=\"http:\/\/nativewptheme.net\/support\/uncategorized\/blog-creation\">Blog Page Creation post<\/a>.<\/li>\n<li><strong>Portfolio page template<\/strong> &#8211; used to create the portfolio page. It can be customized globally from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Portfolio options<\/del>\u00a0<del>Portfolio page options<\/del> section.\u00a0Check more details on Portfolio Page Creation <a href=\"http:\/\/nativewptheme.net\/support\/uncategorized\/portfolio-page-creation\">here<\/a>.<\/li>\n<li><strong>Gallery page template<\/strong> &#8211; can be used to create the\u00a0gallery page.\u00a0Check the details about this page template in <a href=\"http:\/\/nativewptheme.net\/support\/uncategorized\/gallery-page-creation\">this post<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Order<\/strong> &#8211; you can set the order for the pages using this field.<\/li>\n<\/ul>\n<h3>Featured image<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-543 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style.jpg\" alt=\"header-style\" width=\"978\" height=\"664\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style-300x204.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Header-style-768x521.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Featured image<\/strong> &#8211; upload the image that will be the main image of the page, post, portfolio, etc.<\/li>\n<\/ul>\n<p>This option is essential for such post types, as a\u00a0single post, portfolio and gallery item, products than Page. This is the thumbnail image that will represent the work.<\/p>\n<h3>Header style<\/h3>\n<ul>\n<li><strong>Select Header Style<\/strong> &#8211; this option allows you to select the header style for the current page from the drop-down list.<\/li>\n<\/ul>\n<p>You may find more details about each header style in <a href=\"http:\/\/nativewptheme.net\/support\/theme-options\/header-options\" target=\"_blank\"><span style=\"background-color: #ffffff;\">Header options section<\/span><\/a> of the documentation.<\/p>\n<p>If the header style is not selected the default header style set for the single page is displayed. The default header style is set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del>Single pages header<\/del>.<\/p>\n<ul>\n<li><strong>Select Logo position<\/strong> &#8211; set the logo position different from the default one. Note, that the top logo position adds the extra row for the logo. So, if you want to display the logo on the same line with the menu, leave the Select logo position option not selected.<\/li>\n<li><strong>Select Menu position<\/strong> &#8211; select the menu position &#8211; at the <strong>Top<\/strong> or <strong>Bottom<\/strong> of the screen.<\/li>\n<li>\n<div class=\"list-title\"><strong>Side area<\/strong> &#8211; enable or disable the Side Area (hamburger icon) on the page.<\/div>\n<\/li>\n<li>\n<div class=\"list-title\"><strong>Top inner page<\/strong> &#8211; enable or disable the <strong>Top inner page<\/strong> with additional information and animation effect. You can set different effects for the page in\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del>\u00a0<del class=\"support-arrow-right\">Base Header Options<\/del>\u00a0<del>Top panel settings<\/del> section.<\/div>\n<\/li>\n<\/ul>\n<h3>Sidebar<\/h3>\n<h4>This section allows you to set the sidebar configurations for your page.<\/h4>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-556 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Sidebar-1.jpg\" alt=\"sidebar\" width=\"978\" height=\"633\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Sidebar-1.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Sidebar-1-300x194.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Sidebar-1-768x497.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>S<\/strong><strong>elect Left Sidebar<\/strong> &#8211; select the sidebar which will be displayed on your page from the left.<\/li>\n<li class=\"list-title\"><strong>Select Right Sidebar<\/strong> &#8211; select the sidebar which will be displayed on your page from the right.<\/li>\n<\/ul>\n<p>More details about creating a new sidebar you can find in the <a href=\"http:\/\/nativewptheme.net\/support\/widgets-menus\/widgets\" target=\"_blank\"><span style=\"background-color: #ffffff;\">Widgets post.<\/span><\/a><\/p>\n<h3>Custom Header Options<\/h3>\n<h4>Use this meta box to style the unique Custom header for a single page in case you want to add something special to your page.<\/h4>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-598 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header.jpg\" alt=\"custom-header\" width=\"978\" height=\"736\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-300x226.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-768x578.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Custom header<\/strong> &#8211; select whether custom header will be enabled or disable for your page.\u00a0If you choose <strong>theme default<\/strong> the displaying will correspond to\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del class=\"support-arrow-right\">Layouts Settings<\/del> <del> Custom Header<\/del>.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Background settings<\/h5>\n<h6>Use this meta box for styling the background for custom header on the\u00a0page.<\/h6>\n<ul>\n<li><strong>Background element style<\/strong> &#8211; select the style for the custom header. <strong>Image<\/strong> and <strong>Gallery<\/strong> variants are available.\n<ul>\n<li><strong>Image<\/strong> &#8211; the single image will be shown in custom header.<\/li>\n<li><strong>Gallery<\/strong>\u00a0&#8211; several images will be displayed as a slideshow in custom header.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background image<\/strong> &#8211; upload the background image for custom header. If <strong>Gallery<\/strong> is set, select several images for the slide show in custom header.<\/li>\n<li><strong>Background image position<\/strong> &#8211; set the position of the image or images selected for custom header.<\/li>\n<li><strong>Background size<\/strong> &#8211; allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set for <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options<\/del> section.<\/li>\n<li><strong>Background attachment style<\/strong> &#8211; sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> &#8211; background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> &#8211; the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> &#8211; the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background repeat<\/strong> &#8211; select whether the custom header background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background color<\/strong> &#8211; select the background color for the custom header, which will be shown if the image is not set for the custom header.<\/li>\n<li><strong>Background color scheme style<\/strong> &#8211; select whether <strong>dark<\/strong> or <strong>light<\/strong> color scheme is used for custom header. According to the color scheme you choose the text colors will be changed to make it more readable. If you choose <strong>theme default<\/strong> the displaying will\u00a0inherit the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom Header options section<\/del>.<\/li>\n<\/ul>\n<h5>Custom header video settings<\/h5>\n<h6>In this section, you can set the video as a background for the stunning header for your the page.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-600 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-video.jpg\" alt=\"custom-header-video\" width=\"978\" height=\"927\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-video.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-video-300x284.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/custom-header-video-768x728.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Custom header video<\/strong> &#8211; allows you to set video background for the custom header.<\/li>\n<li><strong>Custom header video source<\/strong> &#8211; select the source for the video for custom header. You can use <strong>self-hosted video<\/strong>, videos from <strong>YouTube<\/strong> and <strong>Vimeo<\/strong> resources.\n<ul>\n<li><strong>Self-hosted video file<\/strong>\u00a0can be uploaded in mp4 format and\u00a0in webM format. Select\u00a0the video in mp4 format for IE, Chrome and Safari browsers and the webM\/ogg video for Firefox and Opera.<br \/>\nSimply upload the video to Media Library and insert the link to the video.<\/li>\n<li><strong>oEmbed YouTube video<\/strong> &#8211; allows you to set the video from YouTube resource.\n<ul>\n<li><strong>Custom header background video style<\/strong> &#8211; allows you to select whether the video will be set as background for custom header or will have full screen size.<\/li>\n<li><strong>Youtube video ID<\/strong> &#8211; enter the video ID to be displayed in custom header. To find the video ID, look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). Copy the numbers of an equal sign (=) and enter the ID.<\/li>\n<\/ul>\n<\/li>\n<li><strong>oEmbed Vimeo video<\/strong> &#8211; allows you to set the video from Vimeo resource.\n<ul>\n<li><strong>Custom header background video style<\/strong> &#8211; allows you to select whether the video will be set as background for custom header or will have full screen size.<\/li>\n<li><strong>Vimeo video ID<\/strong> &#8211; enter the video ID to be displayed in custom header. To find the video ID , copy the numeric code that appears at the end of its URL at the top of your browser window.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Loop video<\/strong> &#8211; enable it to loop the video.<\/li>\n<li><strong>Mute video<\/strong> &#8211;\u00a0enable it to mute the video.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Content settings<\/h5>\n<h6>Select the content settings for the custom header on the page.<\/h6>\n<ul>\n<li><strong>Custom header parallax effect<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to have parallax effect for custom header.<\/li>\n<li><strong>Title<\/strong> &#8211; select whether the title of the page will be shown or hidden in custom header.<\/li>\n<li><strong>Subtitle<\/strong> &#8211; allows you to select whether subtitle of the page will be shown or hidden in custom header.<\/li>\n<li><strong>Page subtitle<\/strong> &#8211; enter page subtitle text to be displayed in custom header.<\/li>\n<li><strong>Breadcrumbs<\/strong> &#8211;\u00a0show or hide the navigation links in custom header.<\/li>\n<li><strong>Full window height<\/strong> &#8211; sets full window height for custom header.\n<ul>\n<li><strong>Custom header height in px<\/strong> &#8211; if the full window height options are disabled, you can set the height for your custom header. Note, the height should be set in px.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text alignment<\/strong> &#8211; sets the text position in custom header. <strong>Center<\/strong>, <strong>left<\/strong> and <strong>right<\/strong> positions are available.<\/li>\n<\/ul>\n<h3 class=\"dfd-page_bg_metabox active\">Page options<\/h3>\n<h4>You can set the Background for the whole page in this meta box. You can also enable parallax effect for the page, add the\u00a0white frame around etc.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-603 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Options.jpg\" alt=\"page-options\" width=\"978\" height=\"841\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Options-300x258.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Page-Options-768x660.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5 class=\"cmb_metabox_title\">Layout settings<\/h5>\n<h6>You can set the layout width and sidebar configurations for the whole page in this meta box.<\/h6>\n<ul>\n<li><strong>Layout width<\/strong> &#8211; set your page content width to full width or boxed.<\/li>\n<li><strong>Sidebar configuration<\/strong> &#8211; choose sidebars and their position.\u00a0You can set the sidebar to be displayed on the <strong>left<\/strong>, <strong>right<\/strong> and as well as to use <strong>both<\/strong> sidebars or <strong>none<\/strong> of them.<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Background settings<\/h5>\n<h6>Customize the background for the page to add the individuality to your page.<\/h6>\n<ul>\n<li><strong>Background color<\/strong> &#8211; select the background color for the page to be seen if the image background is not set for the page or image does not cover the whole page.<\/li>\n<li><strong>Fixed background<\/strong>\u00a0&#8211; enable fixed background to make the background image fixed, so the content will scroll separately over it. When <strong>Disable<\/strong> is selected , the background image scrolls with the content.<\/li>\n<li><strong>Background image<\/strong> &#8211; upload the image to be displayed as a background of the page or enter the URL of the image.<\/li>\n<li><strong>Background image repeat<\/strong> &#8211; select whether the page background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or<strong> disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set for <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Styling options<\/del> <del>Main styling options<\/del> section.<\/li>\n<\/ul>\n<h5>Advanced settings<\/h5>\n<h6>Customize your page using additional settings available for you.<\/h6>\n<ul>\n<li><strong>Page frame<\/strong> &#8211; switch it to <strong>Enable<\/strong>, if you want to have the\u00a0frame around the page. The color and width of the frame can be set in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del class=\"support-arrow-right\">Layout frame size<\/del> and\u00a0<del>Layout frame color<\/del>.<\/li>\n<li><strong>Parallax footer<\/strong> &#8211; switch it to\u00a0<strong>Enable <\/strong>to have fixed the footer with content scrolling over it.<\/li>\n<li><strong>Start images lazy load outside of viewport<\/strong> &#8211; enable it if you want to have the images to be preloaded when they are not visible.<\/li>\n<\/ul>\n<h3><\/h3>\n<h3>Preloader options<\/h3>\n<h4>Set certain preloader style for the\u00a0page on the site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-604 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/preloader.jpg\" alt=\"preloader\" width=\"978\" height=\"825\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/preloader.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/preloader-300x253.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/preloader-768x648.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Preloader styling options<\/h5>\n<h6>Customize the unique preloader style for the page.<\/h6>\n<ul>\n<li><strong>Enable preloader<\/strong> &#8211; allows you to enable site preloader. It appears while the content is loading and prevents the visitors from seeing the content restructures while all the images and text are rendered.<\/li>\n<li><strong>Preloader style<\/strong> &#8211;\u00a0select the preloader style for your page.\n<ul>\n<li><strong>Theme default<\/strong> &#8211; will inherit the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<li><strong>None<\/strong> &#8211; no style is selected for site preloader.<\/li>\n<li><strong>\u0421SS Animation<\/strong> &#8211;\u00a0adds animated element to the preloader.\n<ul>\n<li><strong>Animation style<\/strong> &#8211; select the animation elements site for the preloader.<\/li>\n<li><strong>Animation base color<\/strong> &#8211; set the color of the animated element.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Image<\/strong> &#8211; set the image that will be displayed on the preloader (*.gif images can be used as well).\n<ul>\n<li><strong>Preloader image<\/strong> &#8211; upload the image for the site preloader.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Progress bar<\/strong> &#8211; adds the horizontal progress bar to the preloader.\n<ul>\n<li><strong>Preloader bar height in px<\/strong> &#8211; set the height of the progress bar. Note, you don&#8217;t have to add px to the input field.<\/li>\n<li><strong>Preloader bar background color<\/strong> &#8211; select the color for your preloader bar to be displayed on the page.<\/li>\n<li><strong>Preloader bar position<\/strong> &#8211; allows you to select the preloader bar position. <strong>Top<\/strong>, <strong>middle <\/strong>and <strong>bottom<\/strong> positions are available. You may also select <strong>Inherit<\/strong> value to apply the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Preloader background settings<\/h5>\n<h6>Set the background for the site preloader for your page.<\/h6>\n<ul>\n<li><strong>Background image<\/strong> &#8211;\u00a0upload the image to set it as site preloader background.<\/li>\n<li><strong>Background position<\/strong> &#8211; select the position for the image for its better displaying.<\/li>\n<li><strong>Background color<\/strong> &#8211; pick up the site preloader background color to be displayed as a background for the preloader.<\/li>\n<li><strong>Background size<\/strong> &#8211;\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del>\u00a0<del>Site preloader option<\/del> section.<\/li>\n<li><strong>Background repeat<\/strong> &#8211;\u00a0select whether the site preloader background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background attachment<\/strong> &#8211;\u00a0sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> &#8211; background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> &#8211; the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> &#8211; the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"cmb_metabox_title\">Counter settings<\/h5>\n<h6>Set the counter style for the preloader.<\/h6>\n<ul>\n<li><strong>Counter<\/strong> &#8211; set it to <strong>Enable<\/strong> to display percents counter for the page loading.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Pages are the most frequently used post type on the site. Using this post type you can create various pages for your site and impress your customers with the great<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[37,38],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/504"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":38,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/504\/revisions"}],"predecessor-version":[{"id":12201,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/504\/revisions\/12201"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}