Blog Styles

These classes will customize the look of the blog module.

classes

  • featured-grid-style
  • square-grid-style
  • short-list-style

Important: The layout must be set to Fullwidth at Blog Module > Design Tab > Layout > Layout

Usage

Add any one of the classes to the Blog Module > Advanced tab > CSS ID & Classes > CSS Class.

Use with

Blog Module

 

Design

Configure the dark and light preset layouts in Blog Module > Design tab > Text > Text Color

Examples

featured-grid-style

short-list-style

Sunt animi eveniet qui

Sunt animi eveniet qui

Aut non voluptatem pariatur aut voluptatibus quis commodi omnis quisquam aut cumque voluptas sapiente tenetur sed sit hic aliquid amet ducimus porro et quos consequatur voluptatibus nesciunt consequatur eius ad quia necessitatibus perferendis perferendis nulla deserunt at mollitia quis optio voluptates ut quia et cum velit voluptatem non ab rerum voluptas pariatur rerum ipsa iure culpa et qui aut accusantium fuga tempora provident asperiores laudantium consectetur omnis ut quia.

Repudiandae non nulla rerum

Recusandae sit eum harum voluptatem perspiciatis dolore fugit sint ipsum atque ducimus magni praesentium dolorum velit sit eveniet omnis nobis omnis repudiandae tempora fuga illum eaque voluptatem laboriosam possimus ut placeat odio ex quia quia minima iure vitae ut et eveniet occaecati est sed ut excepturi autem id soluta error nam aut esse esse quidem fugiat cumque quis rerum assumenda fuga blanditiis dolorem recusandae vel veniam exercitationem quo.

Voluptatibus occaecati voluptatem doloremque asperiores harum

Quia rerum quod deleniti facilis enim et mollitia amet dolor est sed sed harum et odit beatae dolor dolorem nihil vero quia numquam placeat qui aut non ut nisi assumenda earum.

Ut et suscipit ut aut et

Sint facere occaecati qui mollitia sit harum deleniti velit nobis repellat magnam consequatur cum autem dolore velit est natus nostrum ratione provident optio quia blanditiis mollitia quia blanditiis excepturi esse aperiam qui vitae autem tempore est et iste non voluptatem sint beatae ipsa voluptates omnis quo aut harum tempora dolorem accusamus laborum qui officia rem et quisquam eum accusantium provident officia qui explicabo qui impedit repudiandae officia cumque.

Eum quasi ipsum odit quia et nobis

Qui numquam minima beatae ab. Ut sit sunt quod aut voluptatem qui quasi. Tenetur in ut fuga sint eius Saepe est repudiandae quae provident velit aut mollitiaOfficia illum utEveniet quasi voluptate illum sedRerum dolorem nonMinus dolorem Exercitationem libero eos quae...
Corporis dolor et voluptas sequi

Corporis dolor et voluptas sequi

Assumenda asperiores libero inventore quibusdam et. Pariatur praesentium quia sed quo repellat corporis quod corrupti. Beatae dolores sit dolore id porro Dolore quas sequi ut beatae. Quidem iste tempora esse magni. Debitis praesentium porro et Deserunt omnis in magnam...

read more
Ut beatae similique voluptatem asperiores

Ut beatae similique voluptatem asperiores

Vel voluptatibus maxime et perspiciatis in sed. Est rerum nostrum rerum et qui similique vel et. Qui id sit ex officiis Quibusdam quas aliquid. Qui fugiat natus quidem. Tempora iure voluptatum tempora sint dolore. et molestiae Voluptas magnam velit cum a. Ut alias...

read more
Aut id dolor inventore sit

Aut id dolor inventore sit

Cum molestias voluptatem quo rem eum. Inventore officiis qui porro adipisci. Quidem velit eum maiores rerum et sit dolorem Qui nequeNisiCommodi Non in repellendus quia. Veritatis voluptatem quia corrupti officia Adipisci eos soluta nisi etIusto debitis eveniet...

read more
Reiciendis unde consectetur et distinctio quasi qui

Reiciendis unde consectetur et distinctio quasi qui

Molestiae amet sed aliquid eos adipisci quam vitae voluptatem et similique iure quia ea beatae id maxime itaque deserunt inventore sapiente est necessitatibus voluptas reprehenderit velit ad ab porro excepturi omnis dolorem numquam qui consectetur sed adipisci ipsam optio facere sint ut harum.

read more
Sunt animi eveniet qui

Sunt animi eveniet qui

Aut non voluptatem pariatur aut voluptatibus quis commodi omnis quisquam aut cumque voluptas sapiente tenetur sed sit hic aliquid amet ducimus porro et quos consequatur voluptatibus nesciunt consequatur eius ad quia necessitatibus perferendis perferendis nulla deserunt at mollitia quis optio voluptates ut quia et cum velit voluptatem non ab rerum voluptas pariatur rerum ipsa iure culpa et qui aut accusantium fuga tempora provident asperiores laudantium consectetur omnis ut quia.

read more

Repudiandae non nulla rerum

Recusandae sit eum harum voluptatem perspiciatis dolore fugit sint ipsum atque ducimus magni praesentium dolorum velit sit eveniet omnis nobis omnis repudiandae tempora fuga illum eaque voluptatem laboriosam possimus ut placeat odio ex quia quia minima iure vitae ut et eveniet occaecati est sed ut excepturi autem id soluta error nam aut esse esse quidem fugiat cumque quis rerum assumenda fuga blanditiis dolorem recusandae vel veniam exercitationem quo.

read more

Here’s an example of 2 blog modules, set to the fullwidth layout, with the short-list-style class. They are placed in each column and the post offset is adjusted so the most recent 3 posts appear in the slider, then the next most recent in the left column, and then the right column.

square-grid-style

set the overlay color by changing the blog module’s background color

Aut id dolor inventore sit

Aut id dolor inventore sit

Cum molestias voluptatem quo rem eum. Inventore officiis qui porro adipisci. Quidem velit eum maiores rerum et sit dolorem Qui nequeNisiCommodi Non in repellendus quia. Veritatis voluptatem quia corrupti officia Adipisci eos soluta nisi etIusto debitis eveniet...

Reiciendis unde consectetur et distinctio quasi qui

Reiciendis unde consectetur et distinctio quasi qui

Molestiae amet sed aliquid eos adipisci quam vitae voluptatem et similique iure quia ea beatae id maxime itaque deserunt inventore sapiente est necessitatibus voluptas reprehenderit velit ad ab porro excepturi omnis dolorem numquam qui consectetur sed adipisci ipsam optio facere sint ut harum.

Sunt animi eveniet qui

Sunt animi eveniet qui

Aut non voluptatem pariatur aut voluptatibus quis commodi omnis quisquam aut cumque voluptas sapiente tenetur sed sit hic aliquid amet ducimus porro et quos consequatur voluptatibus nesciunt consequatur eius ad quia necessitatibus perferendis perferendis nulla deserunt at mollitia quis optio voluptates ut quia et cum velit voluptatem non ab rerum voluptas pariatur rerum ipsa iure culpa et qui aut accusantium fuga tempora provident asperiores laudantium consectetur omnis ut quia.

Repudiandae non nulla rerum

Recusandae sit eum harum voluptatem perspiciatis dolore fugit sint ipsum atque ducimus magni praesentium dolorum velit sit eveniet omnis nobis omnis repudiandae tempora fuga illum eaque voluptatem laboriosam possimus ut placeat odio ex quia quia minima iure vitae ut et eveniet occaecati est sed ut excepturi autem id soluta error nam aut esse esse quidem fugiat cumque quis rerum assumenda fuga blanditiis dolorem recusandae vel veniam exercitationem quo.