See How to Embed Audio & Video with Layers for detailed information on using oEmbed. oEmbed media will take the place of Featured Images.The URL is copied from the "Share" link on the audio or video player.Most major media platforms support oEmbed, including YouTube, Vimeo, SoundCloud, Twitter and Dailymotion.
For Parallax to work well, your background image must be on Repeat, or be at least 300px taller than the slider’s height to allow for scrolling. Layers Pro adds a Parallax option that allows your background image to stay in place while the site is scrolled. Toggle Darken to add a dark overlay, best used with images that have high contrast so your text shows up better.Toggle the Stretch option if you would like your image to responsively size itself to the viewport width (recommended).Under Background Position, choose how to align the image (centered by default).Under Background Repeat, choose whether to center the image, tile it, repeat it only horizontally, or repeat it only vertically.Background images should be at least 1900px wide and as tall as your slider for best results. Click Choose Image to select or upload an image in the Media Library.Gradient will allow you to choose a second color to create a nice gradient effect. Layers Pro adds an additional drop-down here for choosing your background type. This should closely match the primary color of any background image, as it determines whether the text loads as white or dark gray by default. A content area is typically a slide, column, tab, accordion or other repeatable area.Ĭhoose a background color for your slide. These menus give you detailed control over the content of the widget where content areas are present.
The widget options bar is something you will see in most Layers widgets. The Parallax option will animate the slider content separately from the background when the slider is advanced or auto-playedand should not be confused with a parallax background, which is set in the slide background option (explained below) Choose from a traditional Slide (right to left), Fade, or Parallax. These can be used alone or in combination with the arrows, but are best used when you have the slider set to auto-slide (when the arrows should be disabled)Ĭhoose a color for your arrows or dots (white by default) Animation Type We do not recommend enabling arrows if you have Auto-Play enabled in the animation section.Ĭheck this option to show navigation dots at the bottom of the slider. Slider NavigationĬheck this option if you want the left and right slider arrows to show when the mouse hovers over the slide. If your widget only has one slide, this option is ignored.Īrrows are best if you want your visitors to be able to click back and fourth on their own. If using the Boxed or Full Width layouts, you may also adjust the margins, which controls the space around the slider. You may use the Padding fields to adjust the padding inside the slide and outside the content, if desired. Consider using the Full Screen slider layout instead. Note: When using the Full Width Layout and setting a Slider Height of more than about 720 pixels, you will be forcing visitors with smaller screens to scroll to view the entire slider.
0 kommentar(er)
