Gantry 5 Particle Archives

Titles Joomla/WordPress/Grav Particle

Docs

This particle will assist you in adding your articles to the website’s page in the form of beautiful tiles block with immaculate layout and precise style. See how Titles can be designed beautifully on Joomla Demo | WordPress Demo.

# Titles Joomla Package contents

Files	Description
jltiles.yaml	Contains the Titles Joomla particle settings.
jltiles.html.twig	The Twig file to pull information, settings.

# Titles WordPress Package contents

Files	Description
jltileswp.yaml	Contains the Titles WordPress particle settings.
jltileswp.html.twig	The Twig file to pull information, settings.

# Titles Grav Package contents

Files	Description
jltilesgrav.yaml	Contains the Titles Grav particle settings.
jltilesgrav.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Display a Mailchimp newsletter signup form for Joomla/Wordpress/Grav. See how Newsletter can be designed beautifully on Demo Page.

# Newsletter Package contents

Files	Description
jlnewsletter.yaml	Contains the Newsticker particle settings.
jlnewsletter.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create a dot navigation to scroll to different page sections. See how DotNav can be designed beautifully on Demo Page.

# Dotnav Package contents

Files	Description
jldotnav.yaml	Contains the Dotnav particle settings.
jldotnav.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Easily create nice looking search forms with different styles and layouts for Joomla/Wordpress/Grav. See how Search can be designed beautifully on Demo Page.

# Search Package contents

Files	Description
jlsearch.yaml	Contains the Search particle settings.
jlsearch.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

The Grid particle is a fully responsive & mobile friendly particle to display your custom content in Grid view without any line of coding. Parallax, Masonry, Filter support. See how Grid can be designed beautifully on Demo Page.

# Gridcard Package contents

Files	Description
jlgridcard.yaml	Contains the Grid Card particle settings.
jlgridcard.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create a custom a sub navigation with different styles. See how Subnav can be designed beautifully on Demo Page.

# Subnav Package contents

Files	Description
jlsubnav.yaml	Contains the Subnav particle settings.
jlsubnav.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

This particle is great to add content to your page. A collection of useful text utility classes to style your content. See how Text can be designed beautifully on Demo Page.

# Text Package contents

Files	Description
jltext.yaml	Contains the Text particle settings.
jltext.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Easily create nice looking description lists, which come in different styles. See how Description List can be designed beautifully on Demo Page.

# Description List Package contents

Files	Description
jldescription.yaml	Contains the Description particle settings.
jldescription.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create dividers to separate content and apply different styles to them. See how Divider can be designed beautifully on Demo Page.

# Divider Package contents

Files	Description
jldivider.yaml	Contains the Divider particle settings.
jldivider.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Easily create nice looking lists, which come in different styles. See how List can be designed beautifully on Demo Page.

# List Package contents

The Uikit3 for Gantry 5 atom contains the compiled CSS and JavaScript files, twig and yaml files, which is everything you need to get started.

Files	Description
jllist.yaml	Contains the List particle settings.
jllist.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Build the table and place any content in the cells, rows and columns to add the schedule or the list to the layouts built with Gantry 5. See how Data Tables can be designed beautifully on Demo Page.

# Data Tables Package contents

Files	Description
jldatatables.yaml	Contains the Data Tables particle settings.
jldatatables.html.twig	The Twig file to pull information, settings.
jquery.dataTables.min.css	Contains the Data Tables CSS
jquery.dataTables.min.js /dataTables.uikit.min.js	Contains the Data Tables JavaScript

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Display text with an image optionally styled like a card. See how Card can be designed beautifully on Demo Page.

# Card Package contents

Files	Description
jlcard.yaml	Contains the Card particle field settings.
jlcard.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Content Grid helps you to create beautiful recent articles grid and other types of grid for your Joomla site in minutes. See how Joomla Content Grid can be designed beautifully on Demo Page.

# Content Grid Joomla Package contents

Files	Description
jlcontentgrid.yaml	Contains the Content Grid Joomla particle settings.
jlcontentgrid.html.twig	The Twig file to pull information, settings.

# Content Grid WordPress Package contents

Files	Description
jlcontentgridwp.yaml	Contains the Content Grid WordPress particle settings.
jlcontentgridwp.html.twig	The Twig file to pull information, settings.

# Content Grid Grav Package contents

Files	Description
jlcontentgridgrav.yaml	Contains the Content Grid Grav particle settings.
jlcontentgridgrav.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Gantry 5 Particle

Titles Joomla/WordPress/Grav Particle

# Titles Joomla Package contents

# Titles WordPress Package contents

# Titles Grav Package contents

DotNav Particle Documentation

# Dotnav Package contents

Search Particle Documentation

# Search Package contents

Grid Particle Documentation

# Gridcard Package contents

Subnav Particle Documentation

# Subnav Package contents

Text Particle Documentation

# Text Package contents

Description List Documentation

# Description List Package contents

Divider Particle Documentation

# Divider Package contents

List Particle Documentation

# List Package contents

Data Tables Particle Documentation

# Data Tables Package contents

Card Particle Documentation

# Card Package contents

Joomla Content Grid Particle

# Content Grid Joomla Package contents

# Content Grid WordPress Package contents

# Content Grid Grav Package contents

Gantry5 Particles