Last updated 1219 days ago

Post Grid

Layout

  1. Grid Style: Choose from different styles.
  2. Columns: Set the exact amount of columns for each row.
  3. Posts Per Page: Set the exact amount of posts to be displayed in the widget.
  4. Image: Choose whether to show or hide the image.
  5. Image size: Set the size of the images.
  6. Title: Choose whether to show or hide the title.
  7. Title HTML tag: Wrap the title with a tag, either H1…H6, span, div or paragraph.
  8. Meta Data:
    Source: Select the source from which the widget will display the content. Options include Date and Categories.
  9. Separator Between: Enter the custom meta separator
  10. Excerpt: Enable or disable the excerpt text.
  11. Excerpt length: set the excerpt max text length.
  12. Read more: Enable or disable the read more button.
  13. Read more text: Enter the custom read more text.
  14. 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 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 widget 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. Typography: Customize the typography of the Title.
  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. Typography: Customize the typography of the button.
  2. Color: Set the post’s button color.
  3. Margin: Set the outer spacing between the edge of the caption 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