Isotope: Promo Content Particle
Your Guide to Recreating Elements of the Isotope Demo for WordPress
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.