Post Slider WD Settings

Description of Post Slider plugin Settings.

If you want to make major changes applicable to entire slider go to Post Slider WD > Sliders > Settings tab.

Global Settings

You can change the main settings here. The changes will affect only the current post slider.

Dimensions. Here you should provide maximum dimensions of the slider. Depending on used device the dimensions might be lowered to keep responsiveness.

Full width. Post slider can be stretched for full width view. The height of the image will be based upon original image ratio, e.g. if original dimensions are 600x400 and page width is 900, the height will be 600. Alternatively you can set your own ratio.

Background fit. Image can be inserted using one of available three background fit options. The options are dependant of image and background dimensions.

  • Cover. Images gets cut and rescaled (enlarged) to fit the entire background.
  • Fill. Image gets stretched/compressed to slider dimensions.
  • Contain. Images keeps its dimensions using background to fill slider.

Align. With this option you can align your slider to either left, right or to the center. If your theme content area width is small i.e. if you have a column on left or right side of your webpage you may not be able to see this option at work. Also if the dimension is set to 800x300px, which is the maximum size for use with responsiveness feature, you will not see any difference while trying to align your slide to any direction.

Effect. This will be the transition effect for slide change Note: This effect is independent from layer effects.

Effect duration. Time transition effect using ms.

Time Interval. Set the time interval between slides.

Parallax effect. Parallax effect will move layers when mouse hovered creating 3D effect.

Autoplay. Activating the option you will turn on autoplay.

Shuffle. Activating the option you will remove selected original sequence and have post slides appear in random order.

Start with slide. Using the option you can select the slide, which will be first displayed. You can use 0 for randomizing the option. Default is set to first slide.

Music. Activate to enable music/audio track playback for slider.

Music URL. Provide the full link to the audio track, which will be used with the slider, e.g. http://www.example.com

Smart Load. Smart load will load first few images and will process the rest meanwhile. This will save timing on load and make the slider appear faster.

Background color. If you use views which require background set a color and transparency level for the background.

Border. Set slider border and add its parameters.

Border radius. Using CSS type values add radius to slider border.

Margin. Set a margin for the slider in pixels.

Shadow. Set a slider shadow using CSS type values.

Right click protection. Disable right click for image download protection.

Layer out on next. Choose whether to have the layer effect out regardless of the timing between the hit to the next slider or skip the effect out and get to the next image.

Text Layer Character Limit. Limit the number of characters which will appear as text layer based on post content.

Add font family. If you want to add additional font families for textual elements of the slider use this field.

Published. Choose whether to publish the mentioned slider or not.

Carousel view displays a larger centered image with descending size images on both sides.

Carousel. Enables the view.

Number of images for carousel. Set number of visible images for view. This includes large image and surrounding images.

Carousel image ratio. Set ratio which will be applied to difference between centered image and images next to it.

Container fit. If you activate the option the distance between the images will be identical so that the images fill the container, otherwise the distance between the images will depend on the ratio.

Fixed Width. Define maximum width for carousel display.

Navigation button styles, colors and size can be adjusted. In addition you can completely disable navigation buttons.

Next/ Previous buttons. Activates Previous and Next buttons.

Next/ Previous buttons. Activates Play and Pause buttons.

Show Navigation buttons. Choose whether to display navigation buttons by default or while hovered.

Image for Next / Previous buttons. You can use default buttons, style them or upload your own option.

  • Default. Choose relevant style group, colors. Reverse feature is applicable.
  • Custom. Upload image for each action button. You can use reverse feature.
  • Styled. Select styled button among available options.

Next/ Previous buttons style. Choose the style of the button you prefer to have as navigation buttons.

Next/ Previous buttons size. Set the dimensions for the right/left buttons.

Play/Pause button. Activate Play and Pause buttons.

Image for Play / Pause buttons. You can use default buttons, style them or upload your own option.

  • Default. Choose relevant style group, colors. Reverse feature is applicable.
  • Custom. Upload image for each action button. You can use reverse feature.
  • Styled. Select styled button among available options.

Play / Pause buttons style. Choose the style of the button you prefer to have as navigation buttons.

Play / Pause button size. Set the dimensions for play/pause buttons.

Buttons color (for Styled only). Choose color for navigation buttons.

Hover color (for Styled only). Choose hover color for navigation buttons.

Border. Set navigation button border and add its parameters.

Border radius. Set border radius for navigation buttons using CSS type values.

Background color. Select the background color for navigation buttons.

Bullets

Bullets can also be used as navigation option. Clicking bullet you will open up the slider in corresponding position.

Position. Set position for navigation bullets using available options.

Bullet style. You can use default bullets, style them or upload your own option.

  • Default. Choose relevant style group, colors.
  • Custom. Upload your own bullet image.
  • Styled. Select styled button among available options.

Size. Define navigation bullet dimensions.

Color (for Styled only). Select navigation bullet color.

Active color (for Styled only). Choose the color for the bullet, which is currently displaying an active slide.

Margin. Set margin for navigation bullets in pixels.

Filmstrip

You can add a filmstrip which will display featured images of those posts used with slider.

Position. Choose filmstrip position between 4 possible options.

Thumbnail dimensions. Set filmstrip thumbnail dimensions.

Background color. Choose background color for the filmstrip.

Thumbnail margin. Set margin for filmstrip thumbnails in pixels.

Active border. The thumbnail for the currently displayed image will have a border. You can set its size, type and color.

Deactive transparency. You can set a transparency level for the inactive filmstrip items.

Timer Bar

You can add a bar displaying the timing left to switching to the next slide. This is commonly used when using autoplay option.

Type. Define timer bar type.

Size. Define timer bar dimensions in pixels.

Color. Choose color and the transparency level for timer bar.

CSS

If you want to add additional styling to sliders you can write down CSS within the box below. These changes will overwrite the original styles.