Blog - Resources - Accelerate Display Modes

Accelerate Display Modes

The theme displays list of posts and categories using a variety of display modes. These modes are also use by the Posts and Categories blocks to display customized lists where you need them.

  • Posts
    • Article : The article display mode morphs as the browser width decreases eventually removing the image and content as it gets smaller. Title, author info, date and content left aligned with the featured image on the right.
    • Image Grid : The image grid places image blocks in a row with consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
    • Thumbnails : Works the same as the Image Grid with a smaller title (adjustable) and hidden byline.
  • Categories
    • Image Grid : The image grid places image blocks in a row with consistent heights, then drops the column count as the browser size decreases. The text overlay has a white semi-transparent background.
    • Thumbnails : Displays as a thumbnail over the category title/link, but with a CSS Flexbox layout.

Each display mode also has options for styling, positioning and sizing the objects. The Image Grid display mode also has options for how and where to display the object text as it is ovelayed in front of the image. Take a look at the Accelerate Settings Guide for more granular detail on these options.

Accelerate Categories – Image Grid Display Mode

Accelerate Posts – Image Grid Display Mode

AMPWPTools News to Know Round-Up: May 2021

We've combed through the previous month's batch of news to highlight the top developments, insights, and commentary items you should know about. In this round-up, we'll be featuring the top news items related to AMP, Core Web Vitals, and WordPress from May 2021. 7 Local SEO Best Practices for WordPress…

Infographic Code Block

The Infographic Code Block lets you to share an image on your site with a code box allowing your visitors to copy/paste the HTML code on to their site, with link and sttribution back to the source page on your site. Settings Overview Block EditorInfographic Title : You may enter…

AMPWPTools News to Know Round-Up: April 2021

Like many developers, we here at AMPWPTools are closely watching the news as the debut of Google's Page Experience update draws nearer. Of course we also realize that not everyone has the time to discover and consume every article published on the matter. With that in mind, we've combed through…

Accelerate Posts – Article Display Mode

AMPWPTools News to Know Round-Up: May 2021

We've combed through the previous month's batch of news to highlight the top developments, insights, and commentary items you should know about. In this round-up, we'll be featuring the top news items related to AMP, Core Web Vitals, and WordPress from May 2021. 7 Local SEO Best Practices for WordPress…

Infographic Code Block

The Infographic Code Block lets you to share an image on your site with a code box allowing your visitors to copy/paste the HTML code on to their site, with link and sttribution back to the source page on your site. Settings Overview Block EditorInfographic Title : You may enter…

AMPWPTools News to Know Round-Up: April 2021

Like many developers, we here at AMPWPTools are closely watching the news as the debut of Google's Page Experience update draws nearer. Of course we also realize that not everyone has the time to discover and consume every article published on the matter. With that in mind, we've combed through…

Comments are closed.