{"id":962,"date":"2016-12-09T15:17:51","date_gmt":"2016-12-09T15:17:51","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=962"},"modified":"2017-01-10T11:51:59","modified_gmt":"2017-01-10T11:51:59","slug":"gallery-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/gallery-options","title":{"rendered":"Gallery Options"},"content":{"rendered":"<p>Create the\u00a0stylish\u00a0representation of gallery works arranging multipurpose gallery section.<\/p>\n<p>Check <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/gallery-page-creation\" target=\"_blank\">this post<\/a> to learn more about Gallery page creation.<\/p>\n<h3>Base gallery options<\/h3>\n<h4>In this section, you&#8217;ll be able to adjust main gallery settings for your site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-976 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Blog-galleryoptions.jpg\" alt=\"blog-galleryoptions\" width=\"978\" height=\"239\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Blog-galleryoptions.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Blog-galleryoptions-300x73.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Blog-galleryoptions-768x188.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Gallery top link source<\/strong> &#8211;\u00a0allows you to set the page or custom link which will be used for the button placed next to the categories and tags dropdown on pages with <strong>Gallery page template<\/strong> selected.\n<ul>\n<li><strong>Page<\/strong> \u2013 allows you to select the page from the existing on your site to be set as main gallery page.\n<ul>\n<li><strong>Gallery page<\/strong> \u2013 select the page which will be used as main gallery page from the drop-down list.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Custom URL<\/strong> \u2013 allows you to set the custom link for the gallery page.\n<ul>\n<li><strong>Gallery page URL<\/strong> \u2013 enter the link which will be used as the\u00a0main gallery page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Single gallery item options<\/h3>\n<h4>Adjust the default settings for all the gallery items on your site using the options from this section.<\/h4>\n<p>All the settings can be overwritten for each gallery item individually in galley item editor\u00a0<del>Single Gallery Option<\/del>s meta box.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-983 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-gallery-item-options.jpg\" alt=\"single-gallery-item-options\" width=\"978\" height=\"578\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-gallery-item-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-gallery-item-options-300x177.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-gallery-item-options-768x454.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> &#8211; switch it to <strong>Enable<\/strong> to have the\u00a0custom header on gallery items by default. It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del><del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section or you may overwrite them in single gallery item editor <del>Custom Header options<\/del> meta box.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the single gallery content width. <strong>Boxed<\/strong> and<strong> full width<\/strong> variants are available.<\/li>\n<li><strong>Single layout<\/strong> \u2013 select the layout type which will be set as default for all the single galleries. Layout with <strong>right<\/strong>, <strong>left, both<\/strong> or\u00a0<strong>no sidebars<\/strong> are available.<\/li>\n<\/ul>\n<h5>Page settings<\/h5>\n<ul>\n<li><strong>Gallery layout style<\/strong> \u2013 choose layout style for the single gallery item.\u00a0<strong>Carousel, Masonry, Grid, Video <\/strong>variants are available. Check more about each layout style in <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/gallery-item-creation\">this\u00a0post<\/a>\u00a0(<del class=\"support-arrow-right\">Single Gallery options<\/del>\u00a0<del>Advanced\u00a0settings<\/del> meta box).<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-986 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-3.jpg\" alt=\"content-settings\" width=\"978\" height=\"659\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-3.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-3-300x202.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-3-768x517.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Categories<\/strong> \u2013 select whether the categories of single gallery will be displayed or hidden.<\/li>\n<li><strong>Title<\/strong> \u2013 set the title of the single gallery to be shown or hidden\u00a0above the gallery item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide meta information of single gallery item.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single gallery creation will be shown or hidden.<\/li>\n<li><strong>Category<\/strong>\u00a0\u2013 select the category to be either shown or hidden in meta of the gallery item.<\/li>\n<li><strong>Comments\u00a0<\/strong>\u2013 allows you to show or hide the comments counter of the gallery work.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the single gallery item.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Comments counter, tags, likes and share<\/strong> \u2013 allows you to show or hide the comments counter, tags, likes and share on single gallery page.<\/li>\n<li><strong>Fixed share<\/strong> \u2013 select whether you want to show or hide the fixed share (side share) on single gallery page. Check <a href=\"http:\/\/nativewptheme.net\/home\/gallery\/bibendum-vestibulum\/\">this link<\/a> with fixed share enabled for single gallery.<\/li>\n<\/ul>\n<p><strong>Pagination settings<\/strong><\/p>\n<ul>\n<li><strong>Inside pagination<\/strong> \u2013 switch it to <strong>Enable<\/strong> if you want to display pagination between previous and next single galleries in single gallery item page.<\/li>\n<li><strong>Pagination position<\/strong> \u2013\u00a0select the position of the inside pagination on single gallery page. <strong><a href=\"http:\/\/nativewptheme.net\/home\/gallery\/mauris-posuere-molestie\/\">Fixed<\/a>\u00a0<\/strong>and <strong><a href=\"http:\/\/nativewptheme.net\/home\/gallery\/expert-hand-care\/\">Top<\/a>\u00a0<\/strong>variants are available. You can also <strong>disable\u00a0<\/strong>pagination.<\/li>\n<\/ul>\n<h3>Gallery page options<\/h3>\n<h4>Customize the main gallery section of your site using easy and comprehensible Gallery page options section.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-988 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gappery-page-options.jpg\" alt=\"gappery-page-options\" width=\"978\" height=\"928\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gappery-page-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gappery-page-options-300x285.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gappery-page-options-768x729.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the custom header on the pages with <strong>Gallery\u00a0page template<\/strong> selected by default.\u00a0It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section or you may overwrite them in single page editor <del>Custom Header options<\/del> meta box.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the gallery page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Gallery page layout<\/strong> \u2013 select the layout type which will be set as default for the gallery page. Layout with <strong>right, left<\/strong>, <strong>both<\/strong> or <strong>no sidebars<\/strong> are available.<\/li>\n<\/ul>\n<h5>Page settings<\/h5>\n<ul>\n<li><strong>Categories and tags dropdown<\/strong> \u2013\u00a0allows you to show or hide categories, tags and author drop-down sorter before single galleries. Check <a href=\"http:\/\/nativewptheme.net\/home\/gallery-without-sidebars\/\">this page<\/a>\u00a0as an example.<\/li>\n<li><strong>Gallery layout style<\/strong> \u2013\u00a0select layout style for the gallery items on your gallery page.\n<ul>\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:\/\/nativewptheme.net\/home\/gallery-grid-boxed\/\">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:\/\/nativewptheme.net\/home\/gallery-masonry-fullwidth\/\">Masonry Gallery page<\/a> example.<\/li>\n<li><strong>Justified Grid<\/strong> \u2013 shows elements one after another, first in the vertical direction, then horizontally. Check it <a href=\"http:\/\/nativewptheme.net\/home\/gallery-justified-grid-fullwidth\/\">here<\/a>.<\/li>\n<li><strong>Metro<\/strong> \u2013 allows you to show thumbnails images on Gallery page according to Gallery item style set on the inner Gallery item page in <del class=\"support-arrow-right\">Single Gallery options<\/del> <del class=\"support-arrow-right\">Advanced settings<\/del> <del>Gallery item style on Gallery page template<\/del>. Check the example of the <a href=\"http:\/\/nativewptheme.net\/home\/gallery-metro-fullwidth\/\">Metro gallery page<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gallery content style<\/strong> \u2013\u00a0select the style of the content for gallery page. <strong>Simple<\/strong> and <strong>Tiled<\/strong> styles are available.\n<ul>\n<li><strong>Simple<\/strong> \u2013 allows you to have transparent background without hover effect.<\/li>\n<li><strong>Tiled<\/strong> \u2013 allows you to have white background with shadow hover effect.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong> \u2013\u00a0select the number of columns for gallery items on the gallery page. Five is\u00a0the\u00a0maximum value (for Grid, Metro and Masonry styles only!).<\/li>\n<li><strong>Sort panel<\/strong> \u2013\u00a0allows you to enable or disable gallery categories sorter above gallery items on gallery page.\n<ul>\n<li><strong>Sort panel alignment<\/strong> \u2013 allows you to align the sort panel horizontally. <strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> positions are available.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-993 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-for-page-new.jpg\" alt=\"content-settings-for-page-new\" width=\"978\" height=\"741\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-for-page-new.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-for-page-new-300x227.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-for-page-new-768x582.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Top category<\/strong> \u2013\u00a0allows you to show or hide the category name on the top right side of the featured image on the\u00a0gallery page.<\/li>\n<li><strong>Titles<\/strong> \u2013\u00a0select whether the title of the single gallery\u00a0will be shown or hidden on the gallery\u00a0page under the\u00a0featured image of a single gallery.<\/li>\n<li><strong>Subtitles<\/strong> \u2013\u00a0select whether the subtitle of the single gallery will be shown or hidden on the gallery\u00a0page under the\u00a0featured image of a single gallery\u00a0item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide the information about the gallery\u00a0item (date of creation, category, likes, count) under the featured image.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single gallery\u00a0item creation will be shown or hidden on the gallery\u00a0page.<\/li>\n<li><strong>Category<\/strong>\u00a0\u2013 select the category to be either shown or hidden in meta of the single gallery.<\/li>\n<li><strong>Comments<\/strong>\u00a0\u2013 allows you to show or hide the comments count of the single gallery.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the single gallery.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Content position<\/strong> \u2013 choose the position of the gallery\u00a0info content. You can set the content <strong>under<\/strong> or <strong>in front of the media<\/strong>.<\/li>\n<\/ul>\n<h5 class=\"description\">Extra features<\/h5>\n<ul>\n<li><strong>Content position<\/strong>\u00a0\u2013 allows you to select the position of the Visual Composer content. You can set the content <strong>before\u00a0<\/strong>or <strong>after <\/strong>the gallery items.<\/li>\n<li><strong>Gallery items offset (in px)<\/strong> &#8211;\u00a0add space between single gallery items, do not type\u201dpx\u201d for this field.<\/li>\n<li><strong>Items appear effect<\/strong> \u2013 select the most suitable the appear effect for the single gallery works.<\/li>\n<\/ul>\n<h3>Gallery archive page options<\/h3>\n<h4>In this section, you can easily customize archive pages for gallery section on your site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-996 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-archive.jpg\" alt=\"gallery-archive\" width=\"978\" height=\"753\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-archive.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-archive-300x231.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-archive-768x591.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the custom header on the archive gallery pages. It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section or you may overwrite them in single page editor <del>Custom Header options<\/del> meta box.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the archive gallery page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Archive\u00a0layout<\/strong> \u2013 select the layout type which will be set as default for the archive gallery page. Layout with <strong>right, left<\/strong>, <strong>both<\/strong> or <strong>no sidebars<\/strong> are available.<\/li>\n<\/ul>\n<h5 class=\"description\">Page settings<\/h5>\n<ul>\n<li><strong>Gallery layout style<\/strong> \u2013\u00a0select layout style for the gallery items on your archive gallery page.\n<ul>\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:\/\/nativewptheme.net\/home\/gallery-grid-boxed\/\">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:\/\/nativewptheme.net\/home\/gallery-masonry-fullwidth\/\">Masonry Gallery page<\/a> example.<\/li>\n<li><strong>Justified Grid<\/strong> \u2013 shows elements one after another, first in the vertical direction, then horizontally. Check it <a href=\"http:\/\/nativewptheme.net\/home\/gallery-justified-grid-fullwidth\/\">here<\/a>.<\/li>\n<li><strong>Metro<\/strong> \u2013 allows you to show thumbnails images on Gallery page according to Gallery item style set on the inner Gallery item page in <del class=\"support-arrow-right\">Single Gallery options<\/del> <del class=\"support-arrow-right\">Advanced settings<\/del> <del>Gallery item style on Gallery page template<\/del>. Check the example of the <a href=\"http:\/\/nativewptheme.net\/home\/gallery-metro-fullwidth\/\">Metro gallery page<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gallery content style<\/strong> \u2013\u00a0select the style of the content for archive gallery page. <strong>Simple<\/strong> and <strong>Tiled<\/strong> styles are available.\n<ul>\n<li><strong>Simple<\/strong> \u2013 allows you to have transparent background without hover effect.<\/li>\n<li><strong>Tiled<\/strong> \u2013 allows you to have white background with shadow hover effect.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong> \u2013\u00a0select the number of columns for gallery items on the gallery page. Five is\u00a0the\u00a0maximum value (for Grid, Metro and Masonry styles only!).<\/li>\n<\/ul>\n<h5 class=\"description\">Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-995 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archive.jpg\" alt=\"content-settings-archive\" width=\"978\" height=\"591\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archive.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archive-300x181.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archive-768x464.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Titles<\/strong> \u2013\u00a0select whether the title of the single gallery\u00a0will be shown or hidden on the archive gallery\u00a0page under the\u00a0featured image of a single gallery.<\/li>\n<li><strong>Subtitles<\/strong> \u2013\u00a0select whether the subtitle of the single gallery will be shown or hidden on the gallery\u00a0page under the\u00a0featured image of a single gallery\u00a0item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide the information about the gallery\u00a0item (date of creation, category, likes, count) under the featured image.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single gallery\u00a0item creation will be shown or hidden on the archive gallery\u00a0page.<\/li>\n<li><strong>Category<\/strong>\u00a0\u2013 select the category to be either shown or hidden in meta of the single gallery.<\/li>\n<li><strong>Comments<\/strong>\u00a0\u2013 allows you to show or hide the comments count of the single gallery.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the single gallery.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Content position<\/strong> \u2013 choose the position of the gallery\u00a0info content. You can set the content <strong>under<\/strong> or <strong>in front of the media<\/strong>.<\/li>\n<\/ul>\n<h5 class=\"description\">Extra features<\/h5>\n<ul>\n<li><strong>Gallery items offset (in px)<\/strong> &#8211;\u00a0add space between single gallery items on archive gallery page, do not type\u201dpx\u201d for this field.<\/li>\n<li><strong>Items appear effect<\/strong> \u2013 select the most suitable appear effect for the single gallery works.<\/li>\n<\/ul>\n<h3>Gallery hover style options<\/h3>\n<h4>Create the stylish and impressive hover effect for the single galleries\u00a0on your site.<\/h4>\n<p class=\"description\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1009 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-hover-style-options.jpg\" alt=\"gallery-hover-style-options\" width=\"978\" height=\"784\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-hover-style-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-hover-style-options-300x240.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/gallery-hover-style-options-768x616.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5 class=\"description\">Main hover settings<\/h5>\n<ul>\n<li><strong>Gallery hover<\/strong> &#8211;\u00a0switch it to <strong>Enable<\/strong>\u00a0to activate hover effect for the gallery works.<\/li>\n<li><strong>Mask appear effect<\/strong> \u2013 allows you to select the appear effect fort the mask on hover for the gallery items.<\/li>\n<li><strong>Image effect<\/strong> \u2013\u00a0This option allows you to choose the image behavior for the gallery items.<\/li>\n<\/ul>\n<h5 class=\"description\">Hover color scheme settings<\/h5>\n<ul>\n<li><strong>Text color<\/strong> \u2013 select the color for the text which will appear on gallery item hover.<\/li>\n<li><strong>Hover mask background style<\/strong> \u2013 set the background style for the hover mask.\n<ul>\n<li><strong>Simple<\/strong> \u2013 select this style to have one color for the gallery hover.\n<ul>\n<li><strong>Mask background color<\/strong> \u2013 select the background color for the hover mask.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gradient<\/strong> \u2013 select this style to have the gradient style for gallery hover.\n<ul>\n<li><strong>Background gradient<\/strong> \u2013 choose the start and end color for the hover mask gradient color for gallery\u00a0work.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background opacity<\/strong> \u2013 set the opacity value for the hover mask background.<\/li>\n<li><strong>Buttons background<\/strong> \u2013 select the background color for buttons, works for <strong>Buttons<\/strong> selected as <strong>main hover decoration <\/strong>in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Gallery options<\/del> <del>Gallery hover options<\/del> section.<\/li>\n<\/ul>\n<h5>Hover mask\u00a0settings<\/h5>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Frame decoration<\/strong> \u2013 switch it to <strong>Enable<\/strong> if you want to activate the frame decoration for the hover effect on gallery items. Check the example of the frame <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-3\/\">here<\/a>.<\/li>\n<li><strong>Frame style<\/strong> \u2013 select the frame style for your gallery items.\n<ul>\n<li><strong>Simple border<\/strong> \u2013 it allows you to add the border on hover for gallery items.\n<ul>\n<li><strong>Frame size<\/strong> \u2013 set the width for the border to be displayed on hover.<\/li>\n<li><strong>Frame border color<\/strong> \u2013 \u0441hoose the color for the frame decoration on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Offset<\/strong> \u2013 it allows you to add the offset for the hover effect on gallery items (so the offset will be displayed\u00a0around the featured image of gallery item).\n<ul>\n<li><strong>Frame size<\/strong> \u2013 set the width for the offset to be displayed on hover for gallery items.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Hover decoration settings<\/h5>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1229 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/hover-mask-settings-NEW.jpg\" alt=\"hover-mask-settings-new\" width=\"978\" height=\"687\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/hover-mask-settings-NEW.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/hover-mask-settings-NEW-300x211.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/hover-mask-settings-NEW-768x539.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Main hover decoration<\/strong> \u2013 set the decoration which will be displayed on hover.\n<ul>\n<li><strong>None<\/strong> \u2013 no decoration is set for mouse hover effect.<\/li>\n<li><strong>Heading<\/strong> \u2013\u00a0allows showing the gallery title\/subtitle which is possible to link to the single gallery item page itself, to the\u00a0external link or open the image in lightbox. Follow <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-9\/\">this link<\/a> to check the example.\n<ul>\n<li><strong>Title<\/strong> \u2013 set it to <strong>Enable<\/strong> if you want the gallery item title to be displayed on hover.<\/li>\n<li><strong>Subtitle<\/strong> \u2013\u00a0set it 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> \u2013 the plus icon will be displayed as hover decoration. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-8\/\">here<\/a>.\n<ul>\n<li><strong>Plus decoration\u00a0<\/strong>\u2013 the plus icons has several styles available. It can be displayed as <strong>Big plus in the middle of the thumb<\/strong>, as <strong>Small plus in the middle of the thumb<\/strong>, it can be <strong>following the mouse.<\/strong><\/li>\n<\/ul>\n<\/li>\n<li><strong>Dots<\/strong> \u2013\u00a0three dots will be displayed as hover decoration.\u00a0Check the example of dots decoration with <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-2\/\">this link<\/a>.<\/li>\n<li><strong>Buttons<\/strong> \u2013 select the button which will appear on hover. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/gallery-hover-style-3\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>More details can be found in the <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/gallery-page-creation\" target=\"_blank\">Gallery Page Creation<\/a>\u00a0post <del class=\"support-arrow-right\">Gallery hover options<\/del> meta box <del>Hover mask settings<\/del> section.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create the\u00a0stylish\u00a0representation of gallery works arranging multipurpose gallery section. Check this post to learn more about Gallery page creation. Base gallery options In this section, you&#8217;ll be able to adjust<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[12,41,38],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/962"}],"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=962"}],"version-history":[{"count":23,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/962\/revisions"}],"predecessor-version":[{"id":1260,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/962\/revisions\/1260"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}