Last updated 1032 days ago

Post Grid Slider

Slider Layout:

Slider Options

  1. Single Item: Show only one item per page.
  2. Slide Speed: Set the time between slide movement, in milliseconds.
  3. Loop: Have the slides rotate in an infinite loop and without stopping.
  4. AutoPlay: Slide to YES to have the carousel slide automatically.
  5. AutoPlay Speed: Set the speed at which the carousel will slide, in milliseconds.
  6. AutoPlay Hover Pause: Make the slide pause when the mouse hovers over it.
  7. Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress.
  8. Pagination Speed: Set the time between slide movement, in milliseconds.
  9. Rtl: Choose a direction for the slider as left or right.
  10. Columns Per Page / Desktop: Select the number of slides to show at one time, from 1 to 6.
  11. Columns Per Page / Desktop Small: Select the number of slides to show at one time, from 1 to 6.
  12. Columns Per Page / Tablet: Select the number of slides to show at one time, from 1 to 6.
  13. Columns Per Page / Mobile: Select the number of slides to show at one time, from 1 to 6.
  14. Slide Navigation: Choose to display arrows, dots, both or none.
  15. Prev Button Text: Enter the Prev button custom text.
  16. Next Button Text: Enter the Next button custom text.
  17. Go To First: Select how many slides to scroll per swipe.
  18. Go To First Speed: Set the time here.

Layout

Slider Options

  1. Grid Style: Choose from different styles.
  2. Posts Per Page: Set the exact amount of posts to be displayed in the widget.
  3. Meta Data:
    Source: Select the source from which the widget will display the content. Options include Date, Categories & Author.
  4. Separator Between: Enter the custom meta separator.
  5. Excerpt: Enable or disable the excerpt text.
  6. Excerpt length: set the excerpt max text length.
  7. Read more: Enable or disable the read more button.
  8. Read more text: Enter the custom read more text.
  9. Alignment: Align the content to the right, left or center.

Query

Source: Select the source from which the widget will display the content. Options include posts categories if available, manual selection, current query, and related. Depending upon which source you’ve chosen for the query, you’ll be given options which allow you to filter the results.

  1. Order By: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
  2. Order: DESC (descending) or ASC (ascending)

Style

Box:

  1. Border Radius: Set the border radius for the images to control corner roundness.
  2. Padding: Set the inner spacing between the edge of the content and the edge of the slide.
  3. Background Color: Set the background color of the overlay when you hover over the image.
  4. Border Widget: Set the thickness of the border around each slide.
  5. Border color: Choose the border color.
  6. Box-shadow: Give the search bar a box shadow.

Image:

  1. Border Radius: Set the border radius for the images to control corner roundness.
  2. Border Widget: Set the thickness of the border around each slide.
  3. Border color: Choose the border color.
  4. Margin: Set the outer spacing between the edge of the Title and the edge of the item slide.
  5. Padding: Set the inner spacing between the edge of the content and the edge of the slide.
  6. Background Color: Set the background color of the overlay when you hover over the image.

Title:

  1. Typography: Customize the typography of the Title.
  2. Color: Set the post’s Title color. The title appears within the overlay when you hover over the image.
  3. Margin: Set the outer spacing between the edge of the Title and the edge of the item slide.

Meta:

  1. Caption Typography: Customize the typography of the meta.
  2. Color: Set the post’s meta color.
  3. Margin: Set the outer spacing between the edge of the meta and the edge of the item slide.

Content:

  1. Caption Typography: Customize the typography of the caption.
  2. Color: Set the post’s Caption color.
  3. Margin: Set the outer spacing between the edge of the caption and the edge of the item slide.

Read More:

  1. Caption Typography: Customize the typography of the button.
  2. Color: Set the post’s Caption color.
  3. Margin: Set the outer spacing between the edge of the button and the edge of the item slide.
Was this article helpful to you? Yes No

How can we help?

Archives

Looking for help ? Contact Support

Welcome to the documentation page of SassLand. Based on the RTF

Create support ticket