1"use strict";(self.webpackChunksalient_docs=self.webpackChunksalient_docs||[]).push([["1775"],{68148(e,t,i){i.r(t),i.d(t,{metadata:()=>s,default:()=>h,frontMatter:()=>l,contentTitle:()=>r,toc:()=>d,assets:()=>a});var s=JSON.parse('{"id":"theme-options/home-slider","title":"Home Slider","description":"Settings for Salient\'s legacy Home Slider plugin, and why a new homepage slider is better built with the Carousel element set to Simple Slider","source":"@site/docs/theme-options/home-slider.mdx","sourceDirName":"theme-options","slug":"/theme-options/home-slider","permalink":"/docs/salient/theme-options/home-slider","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":16,"frontMatter":{"title":"Home Slider","sidebar_label":"Home Slider","sidebar_position":16,"slug":"/theme-options/home-slider","description":"Settings for Salient\'s legacy Home Slider plugin, and why a new homepage slider is better built with the Carousel element set to Simple Slider","sidebar_custom_props":{"badges":["Legacy"]}},"sidebar":"tutorialSidebar","previous":{"title":"Blog","permalink":"/docs/salient/theme-options/blog"},"next":{"title":"WooCommerce","permalink":"/docs/salient/theme-options/woocommerce"}}'),n=i(86070),o=i(93797);let l={title:"Home Slider",sidebar_label:"Home Slider",sidebar_position:16,slug:"/theme-options/home-slider",description:"Settings for Salient's legacy Home Slider plugin, and why a new homepage slider is better built with the Carousel element set to Simple Slider",sidebar_custom_props:{badges:["Legacy"]}},r,a={},d=[];function c(e){let t={a:"a",admonition:"admonition",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.strong,{children:"Theme Options > Home Slider"})," holds the settings for the Home Slider plugin, Salient's original featured-content slider: caption animations, autoplay, advance and animation speed, height and background color."]}),"\n",(0,n.jsxs)(t.admonition,{title:"Building a new slider?",type:"tip",children:[(0,n.jsxs)(t.p,{children:["The Home Slider plugin is no longer the recommended way to build one. Use the ",(0,n.jsx)(t.strong,{children:"Carousel"})," element set to ",(0,n.jsx)(t.strong,{children:"Simple Slider"})," instead: each slide is an ordinary page builder column, so you control the content, alignment and sizing with the tools you already use, and you build it directly in the editor. See ",(0,n.jsx)(t.a,{href:"/carousel",children:"the Carousel element"}),"."]}),(0,n.jsx)(t.p,{children:"The Home Slider plugin is still supported and existing sliders keep working, so there is nothing you need to change. The options below document it."})]}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"The Home Slider tab in Salient's options panel, with Slider Caption Animations, Slider Image Resize and Autoplay Slider switched on",src:i(88499).A+"",width:"2544",height:"1648"})}),"\n",(0,n.jsx)("div",{className:"option-list",children:(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Slider Caption Animations ",(0,n.jsx)("span",{className:"opt-badge opt-badge--toggle",children:"Toggle"})]})," Adds transition animations to your captions."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Slider Image Resize ",(0,n.jsx)("span",{className:"opt-badge opt-badge--toggle",children:"Toggle"})]})," Automatically resizes your slide images to fit the user\u2019s screen size using the background-size cover CSS property."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Autoplay Slider ",(0,n.jsx)("span",{className:"opt-badge opt-badge--toggle",children:"Toggle"})]})," Advances slides automatically until the user begins interacting."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Slider Advance Speed ",(0,n.jsx)("span",{className:"opt-badge opt-badge--text",children:"Text"})]})," How long it takes before automatically switching to the next slide."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsx)(t.strong,{children:"Slider Animation Speed"})," How long the animation takes when switching between slides."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Slider Height ",(0,n.jsx)("span",{className:"opt-badge opt-badge--text",children:"Text"})]})," The height of the home slider. The safe minimum height is 400. The theme demo uses 650."]}),"\n",(0,n.jsxs)(t.li,{children:[(0,n.jsxs)(t.strong,{children:["Slider Backgroun
1d Color ",(0,n.jsx)("span",{className:"opt-badge opt-badge--color",children:"Color"})]})," Only seen if your slides aren\u2019t wide enough to accommodate large resolutions."]}),"\n"]})})]})}function h(e={}){let{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},88499(e,t,i){i.d(t,{A:()=>s});let s=i.p+"assets/images/screen-shot-2016-10-19-at-12-06-43-pm-c2fc345405e966ee38336493f85aa473.png"},93797(e,t,i){i.d(t,{R:()=>l,x:()=>r});var s=i(30758);let n={},o=s.createContext(n);function l(e){let t=s.useContext(o);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:l(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.