0
Welcome Guest! Login
0 items Join Now

Hadron: Block Content Particle

Your Guide to Using Particles in Hadron for Grav


Introduction

Particle Block

The Block Content particle is a great way to create a clean and simple content block with images and text.

Here are the topics covered in this guide:

Configuration

Main Options

These options affect the main area of the particle, and not the individual items within. For example, if you want to display content that includes a title, headline, image, and link you can do so here, but if you want to display numerous individual items, each with their own text, images, and/or links, you can do so using the Block Items collection feature.

Particle Block

Option Description
Particle Name Used for backend organization and does not appear on the front end.
CSS Classes Enter any CSS class(es) you wish to have apply to the particle.
Title Enter a title for the particle to appear on the front end.
Icon Select an icon to appear in the particle.
Image Set a main image that appears separate from any Block Item images.
Headline Enter a headline you want to appear on the front end.
Description Enter the text you wish to have appear as the description for the particle. This text appears below the title and headline.
Button Label Enter a text label for the button.
Button Link The URL you want the item to link to.
Button Classes Enter any CSS class(es) you wish to have apply to the button.
Target Enter the target window for the link.

Item Options

These items make up the individual featured items in the particle. They sit apart from the particle's title, headline, image, and description. Each item can have its own properties, including images and written content.

Particle Block

Option Description
Title Enter the title for the block item.
Accent Select one of the three accent colors to apply to the item.
Icon Select the icon you would like to have appear with the title area in the block item.
Image Select the image you would like to have displayed with the item.
Lightcase Image Select the image you want to be displayed in the popup.
Caption Enter a caption to appear below the image.
Subtitle Add a subtitle for the item here.
Description Enter a description for the item here, appears as paragraphed text.
CSS Classes Enter any CSS classes you would like to have apply just to this item.
Button Label Enter a text label for the button.
Button Link The URL you want the item to link to.
Button Classes Enter any CSS class(es) you wish to have apply to the button.
Target The target window for the URL.

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.