0
Welcome Guest! Login
0 items Join Now

Super Spring Sale

Spring is in the air, and so are the savings during our Super Spring Sale! Save 50% on single themes and 35% on Club memberships and renewals for a very limited time.

Xenon: Promo Content Particle

Your Guide to Recreating Elements of the Xenon Demo for Grav


Introduction

The Promo Content particle is a great way

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 Promo Items collection feature.

Option Description
CSS Classes Enter the CSS class(es) you want to use in the content of the particle.
Title Enter the title of the particle, as it will appear on the front end.
Icon Set the icon that appears next to the title.
Promo Style Select a promo style between: Standard, Promo, Super Promo, and SubPromo.
Promo Text Enter text to appear.
Description Enter a description.
Readmore Text Enter the text you wish to have appear as the description for the particle. This text appears below the title and headline.
Readmore Classes Enter any class(es) you want to have apply to the particle's readmore.
Link Customize the link you want the link readmore to go to.
Link Target Select between New Window and Self as the link's target.
Readmore Style Select between Block, Aside, and Inline as the readmore style.
Alt Button Label Enter a text label for the alt button.
Alt Button Link Enter a link the alt button will go to.
Alt Button Target Select between New Window and Self as the link's target.
Alt Button Classes Enter any class(es) you want to have apply to the particle's button.

Tag Options

These items make up the individual tags applied to the particle.

Option Description
Icon Select the icon you would like to have appear with the title area in the promo item.
Text Enter the text for the promo item.
Link Enter the url you want that link to go to.

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