Pageloader

Slider

Slider is an main part of the theme and to display your import content through it. Hydd includes Revolution Slider and other slider types such as pages/posts slider, carousel slider, product slider. Each slider can be used on any page or post with unique options. The following list shows the different sections of the slider.

  • Assign a Slider
  • Slider Position
  • Revolution Slider
  • Other Slider

Assign a Slider

Hydd includes the revolution-slider and once you have created, you can to assign them to a page or using a shortcode. You can assign a slider via our Page Options or Page Builder using Builder elements or use our Shortcode Generator. Read the below steps to know more.

  • Navigate to Pages and select the new page or existing page.
  • Scroll down and you can view the Slider inside the Page options.
  • You can choose the Slider Position from the Slider options.
  • Revolution Slider Shortcode – Paste the Shortcode here to assign slider for the page.

Slider Position

  • You can choose to have the header shows above the slider, or below the slider.
  • This option is both present in Page Options and Theme Options.
  • Assign via Page Options – In page options you can select if the slider shows above or below the header. See the screenshot.
  • Assign via Theme Options – In theme options Navigate to Theme options > Header > Header Type > Slider Position. You can select if the slider shows above or below the header. See the screenshot.

Revolution Slider

  • Navigate to Revolution Slider in your admin sidebar section, then place the Mouse on New Slider to view the Slider options.
  • You can find various Options to create New Slider such as Content Source, Slider Title & Shortcode, Slider Type, Slide Layout.
  • Content Source – You can choose Content Source for slider such as Default Slider, Post based slider like more options.
  • Slider Title & Shortcode – Enter the title and alias name for the Slider and the shortcode is generated for slider. Place this shortcode where you want to show the slider.
  • Select Slider Type – You can choose the slider type such as Standard slider, Hero Scene, Carousel Slider etc.
  • Slide Layout – You can choose the Slide layout such as Auto, Fullwidth, Fullscreen.

Content Source

Slider Title & Shortcode

Select Slider Type

Slide Layout

Advanced Settings

To Add or Edit Slide

Edit Slide Options

Featured Post Slider

  • Navigate to Theme Options > Post > Featured Post Slider. See the slider options below to customize the Post Slider.
  • Featured Post Slider Display – This option allow you to set the slider position such as Below Header, Above Header and Above Footer.
  • Featured Posts Limit – Enter the number of post to show in slider.
  • Items to Display – This option allows you to display the number of items in a page.
  • Items to Scrollby – Enter the number of items to scrollby.
  • Enable Auto Play – You can Enable/Disable the autoplay option for slider.
  • Timeout Duration (in milliseconds) – Set the Timeout duration for slider.
  • Enable Infinite Loop – This option allows you to Enable/Disable the loop option for Slider.
  • Margin ( Items Spacing ) – Enter the Margin for the Spacing between the items.
  • Items To Display in Tablet – Enter the number of items to display in Tablet.
  • Items To Display in Mobile Landscape – Enter the number of items to display in Mobile Landscape.
  • Items To Display in Mobile Portrait – Enter the number of items to display in Mobile Portrait.
  • Enable Pagination – You can Enable/Disable the Pagination option for post slider.
  • Enable Navigation – You can Enable/Disable the Navigation option for post slider.

Anything Carousel Slider

Hydd Anything Carousel shortcode can be used to show any type of sliders. You can add Image, Content etc. The following steps shows that how to customize the Carousel Slider Option. First you have to set the carousel slider after that you can add image or content or anything to that carousel item.

  • Generel – The General setting for the Content Carousel are following.
  • Extra Classes – You can add extra classes for the Content Carousel.
  • CSS Animation – You can select animation for the Content Carousel such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Slider – The following options include the Slider settings.
  • Items to Display – This option allows you enter number of items to Display.
  • Items to Scrollby – This option allows you enter number of items to Scrollby.
  • Auto Play – This option allows you enable/disable autoplay option.
  • Timeout Duration – You can select Timeout Duration for slider.
  • Infinite Loop – You can set loop for slider.
  • Margin ( Items Spacing ) – You can add spacing between items.
  • Items To Display in Tablet – Enter Number of items to Display in Tablet.
  • Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.
  • Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.
  • Enable Navigation – You can enable/disable navigation for slider.
  • Enable Pagination – You can enable/disable pagination for slider.