{"id":258,"date":"2016-11-29T13:17:17","date_gmt":"2016-11-29T13:17:17","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=258"},"modified":"2023-07-31T17:56:31","modified_gmt":"2023-07-31T17:56:31","slug":"gallery-page-creation","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/post-types\/gallery-page-creation","title":{"rendered":"Gallery Page Creation"},"content":{"rendered":"<p>To create <strong>Gallery page<\/strong> you need to create a single page and set <strong>Gallery page template<\/strong> for it.<\/p>\n<p>Navigate to Pages section and add the\u00a0new page with\u00a0<strong>Gallery page template<\/strong> selected in the\u00a0right sidebar of the page backend editor<strong>\u00a0Page Attributes <\/strong>meta box<strong>.<\/strong><\/p>\n<p>The gallery items you&#8217;ve created will be added on the page automatically in accordance with their publication date.<\/p>\n<p>This template inherits its settings from the <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/p>\n<p>The settings may be overwritten in\u00a0<strong>Gallery options<\/strong> meta box. The settings will be applied on this gallery page only and will not affect other pages of your site.<\/p>\n<h5>Watch the video tutorial on\u00a0<a href=\"https:\/\/youtu.be\/ot5oxrVWR9I\" target=\"_blank\" rel=\"noopener\">gallery page creation<\/a>\u00a0for more details.<\/h5>\n<h3><strong>Gallery options<\/strong><\/h3>\n<h4>Style the gallery page with customizable Gallery options\u00a0meta box\u00a0to create the incomparable\u00a0gallery page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13157\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/gall-page.jpg\" alt=\"\" width=\"978\" height=\"736\" \/><\/p>\n<h6><\/h6>\n<ul>\n<li><strong>Stunning header<\/strong>\u00a0\u2013\u00a0set it to\u00a0<strong>Enable<\/strong>\u00a0to show the stunning header on gallery \u00a0page. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Gallery layout width<\/strong>\u00a0\u2013\u00a0allows you select the width of the gallery.\u00a0<strong>Boxed<\/strong>\u00a0and\u00a0<strong>full width<\/strong>\u00a0variants are available. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Sidebar configuration<\/strong>\u00a0\u2013\u00a0set the sidebars to be shown on the gallery page. \u00a0\u00a0<strong>No sidebars, sidebar on left, sidebar on right<\/strong>\u00a0and\u00a0<strong>both left and right sidebars\u00a0<\/strong>are available. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Title<\/strong> \u2013 select whether the title of the single gallery item will be shown or hidden on the gallery page under the\u00a0featured image of a single gallery item.<\/li>\n<li><strong>Subtitle<\/strong> \u2013\u00a0select whether the subtitle of the single gallery item will be shown or hidden on the gallery page under the featured image of a single gallery item.<\/li>\n<li><strong>Content alignment<\/strong> &#8211;\u00a0choose the content alignment for the gallery item. <b>Left<\/b>, <strong>right <\/strong>and\u00a0<strong>center\u00a0<\/strong>variants are available. You may also select <strong>theme default <\/strong>variant<strong>, <\/strong>to apply\u00a0the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Heading position<\/strong> &#8211; allows\u00a0setting the heading position of the gallery items.\n<ul>\n<li><strong>Inherit<\/strong> &#8211;\u00a0applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Under media<\/strong> &#8211; sets the heading under the featured image on gallery page.<\/li>\n<li><strong>In front of the media<\/strong> &#8211; the heading of the gallery item is displayed over the featured image.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13158\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/gall-page1.jpg\" alt=\"\" width=\"978\" height=\"681\" \/><\/p>\n<ul>\n<li><strong>Comments count<\/strong>\u00a0\u2013\u00a0select whether to show or hide the comments count of the gallery items. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Likes<\/strong>\u00a0\u2013\u00a0select if you\u2019d like to show or hide the likes count of the gallery items. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Comments and likes style<\/strong>\u00a0\u2013 \u00a0set the visibility of comments and likes counter.\u00a0<strong>Always show<\/strong>\u00a0or\u00a0<strong>Show on hover<\/strong>\u00a0variants are available. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Works per page<\/strong> \u2013 enter the number of gallery items to be displayed on gallery page.<\/li>\n<li><strong>Items offset in px<\/strong>\u00a0\u2013 adds space between gallery items on the gallery page.<\/li>\n<li><strong>Gallery layout style<\/strong> &#8211;\u00a0select layout style for the gallery items on your gallery page.\n<ul>\n<li><strong>Inherit<\/strong> \u2013 applies the theme default the displaying set in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery page options<\/del> section.<\/li>\n<li><strong>Grid<\/strong> \u2013 allows you to show regularly spaced horizontal and vertical elements. The example of grid Gallery page can be found <a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery-grid\/\">here<\/a>.<\/li>\n<li><strong>Masonry<\/strong> \u2013 the style when the elements are shown one after another, first in the horizontal direction, then vertically. Check the <a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery-masonry-3-columns\/\">Masonry Gallery page<\/a> example.<\/li>\n<li><strong>Standard<\/strong>\u00a0\u2013 the featured image of the gallery item is displayed in one column with the description below it. Find the example of the page\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/gallery-standart\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13158\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/gall-page5.jpg\" alt=\"\" width=\"978\" height=\"681\" \/><\/p>\n<ul>\n<li><strong>Number of columns<\/strong> &#8211;\u00a0select the number of columns for gallery items on the gallery page. Five is\u00a0the\u00a0maximum value (for Grid and Masonry styles only!).<\/li>\n<li><strong>Gallery Category<\/strong> \u2013\u00a0select the categories of the single gallery items to be displayed on gallery page.<\/li>\n<li><strong>Items appear effect<\/strong> \u2013 allows you to select the animation appear effect for the single gallery item.\u00a0If you choose <strong>theme default<\/strong> the displaying will correspond to the\u00a0settings in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery page options<\/del> <del> Extra features<\/del>.<\/li>\n<li><strong>Categories and tags dropdown<\/strong> \u2013\u00a0adds\u00a0categories, tags and author drop-down sorter before gallery works. If you choose <strong>theme default<\/strong> the displaying will correspond to the theme options settings.<\/li>\n<\/ul>\n<h3 class=\"dfd-gallery_hover_settings_box active\">Gallery hover options<\/h3>\n<h4>Customize impressive hover effect for the gallery items to be displayed on your gallery page.<\/h4>\n<p class=\"cmb_metabox_title\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13160\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/gal-page-hover.jpg\" alt=\"\" width=\"978\" height=\"464\" \/><\/p>\n<h5 class=\"cmb_metabox_title\"><\/h5>\n<ul>\n<li><strong>Appear effect<\/strong> &#8211;\u00a0allows you to choose one of the preset appear animations for the gallery items. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options.<\/li>\n<li><strong>Main decoration<\/strong> &#8211;\u00a0set the decoration element which will be displayed on hover.\n<ul>\n<li><strong>Inherit <\/strong>&#8211; if you choose <strong>theme default<\/strong> the displaying will correspond to the <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options settings<\/del>\u00a0<del class=\"support-arrow-right\">Gallery hover style options<\/del> <del>Main hover decoration settings <\/del> .<\/li>\n<li><strong>None<\/strong> &#8211; no decoration is set for mouse hover effect.<\/li>\n<li><strong>Heading<\/strong> &#8211;\u00a0allows showing the gallery item title\/subtitle which is possible to link to the gallery page itself, to the\u00a0external link or open the image in lightbox.\n<ul>\n<li><strong>Heading decoration<\/strong> &#8211;\u00a0\u00a0choose the style for the heading hover decoration. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Hover link<\/strong> &#8211; set the link for the plus icon. It can link to <strong>inside<\/strong> (inner page of single gallery item) and to <strong>lightbox<\/strong>.<\/li>\n<li><strong>Show title<\/strong> &#8211; set to <strong>Enable<\/strong> if you want the gallery item title to be displayed on hover.<\/li>\n<li><strong>Show subtitle<\/strong> &#8211;\u00a0set to <strong>Enable<\/strong> if you want the gallery item subtitle to be displayed on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Plus<\/strong> &#8211; the plus icon will be displayed as hover decoration.\n<ul>\n<li><strong>Hover link<\/strong> &#8211; set the link for the plus icon. It can link to <strong>inside<\/strong> (inner page of single gallery item) and to <strong>lightbox<\/strong>.<\/li>\n<li><strong>Plus position<\/strong> &#8211;\u00a0set the Plus decoration position. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Plus background<\/strong> &#8211;\u00a0set the Plus decoration&#8217;s background. This option is not available for &#8216;<strong>Middle of the project<\/strong>&#8216; plus position. If you choose <strong>inherit<\/strong> from theme options the displaying will correspond to the theme options settings.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Lines<\/strong> &#8211;\u00a0the lines will be displayed as hover decoration.\n<ul>\n<li><strong>Hover link<\/strong> &#8211; set the link for the plus icon. It can link to <strong>inside<\/strong> (inner page of single gallery item) and to <strong>lightbox<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Dots<\/strong> &#8211;\u00a0three dots will be displayed as hover decoration.\n<ul>\n<li><strong>Hover link<\/strong> &#8211; set the link for the plus icon. It can link to <strong>inside<\/strong> (inner page of single gallery item) and to <strong>lightbox<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Stunning Header Options<\/h3>\n<h4>Use this meta box to style the unique Stunning header for a single page in case you want to add something special to your page.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13029\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/stunning-header-inside1.jpg\" sizes=\"(max-width: 978px) 100vw, 978px\" srcset=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/stunning-header-inside1.jpg 978w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/stunning-header-inside1.jpg 300w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/stunning-header-inside1.jpg 768w\" alt=\"\" width=\"978\" height=\"806\" \/><\/p>\n<ul>\n<li><strong>Background image<\/strong>\u00a0\u2013 upload the background image for stunning\u00a0header.<\/li>\n<li><strong>Background image position<\/strong>\u00a0\u2013 set the position of the image or images selected for stunning header.<\/li>\n<li><strong>Background size<\/strong>\u00a0\u2013 allows adjusting the background image displaying. You can select:\u00a0<strong>cover<\/strong>,\u00a0<strong>contain<\/strong>\u00a0and\u00a0<strong>initial<\/strong>\u00a0values or\u00a0<strong>inherit<\/strong>\u00a0the value set for\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning Header options<\/del>\u00a0section.<\/li>\n<li><strong>Background color<\/strong>\u00a0\u2013 select the background color for the stunning\u00a0header, which will be shown if the image is not set for the stunning\u00a0header.<\/li>\n<li><strong>Page subtitle<\/strong>\u00a0\u2013 enter page subtitle text to be displayed in stunning\u00a0header.<\/li>\n<li><strong>Breadcrumbs<\/strong>\u00a0\u2013\u00a0show or hide the navigation links in stunning\u00a0header.<\/li>\n<li><strong>Stunning header height in px<\/strong>\u00a0\u2013 you can set the height for your stunning\u00a0header. Note, the height should be set in px.<\/li>\n<li><strong>Text alignment<\/strong>\u00a0\u2013 sets the text position in stunning header.\u00a0<strong>Center<\/strong>,\u00a0<strong>left<\/strong>\u00a0and\u00a0<strong>right<\/strong>\u00a0positions are available.<\/li>\n<li><b>Fixed background image position<\/b>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0if you want to have parallax effect for stunning\u00a0header:\u00a0the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Background scheme<\/strong>\u00a0\u2013 select whether\u00a0<strong>dark<\/strong>\u00a0or\u00a0<strong>light<\/strong>\u00a0color scheme is used for stunning\u00a0header. According to the color scheme, you choose the text colors will be changed to make it more readable. By default, the displaying will\u00a0inherit the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del><del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning Header options<\/del>\u00a0section.<\/li>\n<li><strong>Stunning header video<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0to set video background for the stunning\u00a0header.\n<ul>\n<li><strong>Stunning\u00a0header video source<\/strong>\u00a0\u2013 select the source for the video for stunning\u00a0header. You can use\u00a0<strong>self-hosted video<\/strong>, videos from\u00a0<strong>YouTube<\/strong>\u00a0and\u00a0<strong>Vimeo<\/strong>\u00a0resources.\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>\u00a0\u2013 allows you to set the video from YouTube resource.\n<ul>\n<li><strong>Stunning\u00a0header background video style<\/strong>\u00a0\u2013 allows you to select whether the video will be set as background for stunning header or will have full screen size.<\/li>\n<li><strong>Youtube video ID<\/strong>\u00a0\u2013 enter the video ID to be displayed in stunning\u00a0header. 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>\u00a0\u2013 allows you to set the video from Vimeo resource.\n<ul>\n<li><strong>Stunning\u00a0header background video style<\/strong>\u00a0\u2013 allows you to select whether the video will be set as background for stunning\u00a0header or will have full screen size.<\/li>\n<li><strong>Vimeo video ID<\/strong>\u00a0\u2013 enter the video ID to be displayed in stunning\u00a0header. 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>\u00a0\u2013 enable it to loop the video.<\/li>\n<li><strong>Mute video<\/strong>\u00a0\u2013\u00a0enable it to mute the video.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Pagination options<\/h3>\n<h4>Select the most suitable style for your gallery page in order to arrange the gallery items on it in the best way.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13140\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/pagination-type.jpg\" sizes=\"(max-width: 978px) 100vw, 978px\" srcset=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/pagination-type.jpg 978w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/pagination-type.jpg 300w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/pagination-type.jpg 768w\" alt=\"\" width=\"978\" height=\"148\" \/><\/p>\n<ul>\n<li><strong>Pagination type<\/strong>\u00a0\u2013 select the style of the pagination \u2013 it\u2019s the way extra content is loaded.\u00a0<strong>Default<\/strong>,\u00a0<strong>ajax<\/strong>\u00a0and<strong>\u00a0lazy load<\/strong>\u00a0variants are available.\n<ul>\n<li><strong>Pagination style<\/strong>\u00a0\u2013 select among 5 styles available for the number on the <b>gallery<\/b> page.<\/li>\n<\/ul>\n<\/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 size-full wp-image-13083\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/page-options-ins.jpg\" sizes=\"(max-width: 978px) 100vw, 978px\" srcset=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/page-options-ins.jpg 978w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/page-options-ins.jpg 300w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/page-options-ins.jpg 768w\" alt=\"\" width=\"978\" height=\"407\" \/><\/p>\n<ul>\n<li><strong>Background color<\/strong>\u00a0\u2013 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\u2013 enable fixed background to make the background image fixed, so the content will scroll separately over it. When\u00a0<strong>Disable<\/strong>\u00a0is selected, the background image scrolls with the content.<\/li>\n<li><strong>Background image<\/strong>\u00a0\u2013 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>\u00a0\u2013 select whether the page background image will be repeated or not repeated. You can select\u00a0<strong>horizontal repeat<\/strong>,\u00a0<strong>vertical repeat<\/strong>\u00a0or<strong>\u00a0disable repeat<\/strong>\u00a0of the image.<\/li>\n<li><strong>Background size<\/strong>\u00a0\u2013\u00a0allows adjusting the background image displaying. You can select:\u00a0<strong>cover<\/strong>,\u00a0<strong>contain<\/strong>\u00a0and\u00a0<strong>initial<\/strong>\u00a0values or\u00a0<strong>inherit<\/strong>\u00a0the value set for\u00a0<del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">General options<\/del> \u00a0<del>Layout settings<\/del>\u00a0section.<\/li>\n<li><strong>Layout frame<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>, if you want to have the\u00a0frame around the page. The color and width of the frame can be set in\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Layout settings<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del> <del class=\"support-arrow-right\">Layout frame size<\/del>\u00a0and\u00a0<del>Layout frame color<\/del>.<\/li>\n<li><strong>Parallax footer<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable\u00a0<\/strong>to have fixed the footer with content scrolling over it.<\/li>\n<\/ul>\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 size-full wp-image-13086\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/preloader-met.jpg\" sizes=\"(max-width: 978px) 100vw, 978px\" srcset=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/preloader-met.jpg 978w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/preloader-met.jpg 300w, http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2019\/06\/preloader-met.jpg 768w\" alt=\"\" width=\"978\" height=\"871\" \/><\/p>\n<ul>\n<li><strong>Background image<\/strong>\u00a0\u2013\u00a0upload the image to set it as site preloader background.<\/li>\n<li><strong>Background position<\/strong>\u00a0\u2013 select the position for the image for its better displaying.<\/li>\n<li><strong>Background color<\/strong>\u00a0\u2013 pick up the site preloader background color to be displayed as a background for the preloader.<\/li>\n<li><strong>Background size<\/strong>\u00a0\u2013\u00a0allows adjusting the background image displaying. You can select:\u00a0<strong>cover<\/strong>,\u00a0<strong>contain<\/strong>\u00a0and\u00a0<strong>initial<\/strong>\u00a0values or\u00a0<strong>inherit<\/strong>\u00a0the value set\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del>Site preloader option<\/del>\u00a0section.<\/li>\n<li><strong>Background repeat<\/strong>\u00a0\u2013\u00a0select whether the site preloader background image will be repeated or not repeated. You can select\u00a0<strong>horizontal repeat<\/strong>,\u00a0<strong>vertical repeat<\/strong>\u00a0or\u00a0<strong>disable repeat<\/strong>\u00a0of the image.<\/li>\n<li><strong>Background attachment<\/strong>\u00a0\u2013\u00a0sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong>\u00a0\u2013 background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong>\u00a0\u2013 the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong>\u00a0\u2013 the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Counter<\/strong>\u00a0\u2013 set it to\u00a0<strong>Enable<\/strong>\u00a0to display percents counter for the page loading.<\/li>\n<li><strong>Preloader style<\/strong>\u00a0\u2013\u00a0select the preloader style for your page.\n<ul>\n<li><strong>Theme default<\/strong>\u00a0\u2013 will inherit the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del> <del>Site preloader options<\/del>\u00a0section.<\/li>\n<li><strong>None<\/strong>\u00a0\u2013 no style is selected for site preloader.<\/li>\n<li><strong>\u0421SS Animation<\/strong>\u00a0\u2013\u00a0adds animated element to the preloader.\n<ul>\n<li><strong>Animation style<\/strong>\u00a0\u2013 select the animation elements site for the preloader.<\/li>\n<li><strong>Animation base color<\/strong>\u00a0\u2013 set the color of the animated element.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Image<\/strong>\u00a0\u2013 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>\u00a0\u2013 upload the image for the site preloader.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Progress bar<\/strong>\u00a0\u2013 adds the horizontal progress bar to the preloader.\n<ul>\n<li><strong>Preloader bar height in px<\/strong>\u00a0\u2013 set the height of the progress bar. Note, you don\u2019t have to add px to the input field.<\/li>\n<li><strong>Preloader bar background color<\/strong>\u00a0\u2013 select the color for your preloader bar to be displayed on the page.<\/li>\n<li><strong>Preloader bar opacity<\/strong>\u00a0\u2013 enter the value from 1 to 100 here to change bar background opacity.<\/li>\n<li><strong>Preloader bar position<\/strong>\u00a0\u2013 allows you to select the preloader bar position.\u00a0<strong>Top<\/strong>,\u00a0<strong>middle\u00a0<\/strong>and\u00a0<strong>bottom<\/strong>\u00a0positions are available.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>To create Gallery page you need to create a single page and set Gallery page template for it. Navigate to Pages section and add the\u00a0new page with\u00a0Gallery page template selected<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[12,38],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/258"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":61,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/258\/revisions"}],"predecessor-version":[{"id":15636,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/258\/revisions\/15636"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}