Blog Post - OneOnic Solutions
View Categories

Blog Post

Displays a grid or list of blog articles with images, excerpts, and metadata, used to build out blog listing pages.

Section settings #

  • Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
  • Section width: Choose from: “Page”, “Full”.
  • Subheading: Enter the text you want to display.
  • Subheading: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
  • Heading: Enter a longer block of plain text.
  • Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
  • Text: Enter a longer block of plain text.
  • Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
  • Text align: Choose from: “Left”, “Center”, “Right”.
  • Blog: Select the blog to pull posts from.
  • Direction: Choose from: “Vertical”, “Horizontal”.
  • Desktop view: Choose from: “Grid”, “Slideshow”.
  • Enable mobile slideshow: Switch this on to activate mobile slideshow.
  • Posts to show: Fine-tune this value with the slider (from 2 to 20).
  • Posts per row on desktop: Fine-tune this value with the slider (from 2 to 6).
  • Posts per row on mobile: Fine-tune this value with the slider (from 1 to 3).
  • Show View all button: Displays view all button when this is switched on.
  • Button label: Enter the text you want to display.
  • Button style: Choose from: “Primary button”, “Secondary button”, “Outline”, “Link”.

Post options #

  • Show featured image: Displays featured image when this is switched on.
  • Show heading: Displays heading when this is switched on.
  • Show tag: Displays tag when this is switched on.
  • Show date: Displays date when this is switched on.
  • Show author: Displays author when this is switched on.
  • Show excerpt: Displays excerpt when this is switched on.
  • Show description: Displays description when this is switched on.
  • Show read more: Displays read more when this is switched on.
  • Top padding: Fine-tune this value with the slider (from 0 to 100px).
  • Bottom padding: Fine-tune this value with the slider (from 0 to 100px).

Slideshow settings #

  • Autoplay slideshow: Turns the “Autoplay slideshow” option on or off.
  • Speed (ms): Fine-tune this value with the slider (from 10 to 100).
  • Show navigation: Displays navigation when this is switched on.
  • Show scrollbar: Displays scrollbar when this is switched on.
  • Pagination style: Choose from: “Dots”, “Progress bar”, “Numbers line”, “Circle progress”.