Gantry 5 Particles - Documentation

Boxed Icon particle is used on our RnShop Joomla template for showing highlighted info. 
 

Installation:

Warning: This particle is included on RnShop template by default.

  1. Download Boxed Icon particle from particles download area of RcaTheme.com
  2. Unzip/Extract the particle zip file on your PC and open the folder
     
  3.  Installing On Joomla!

    1. Copy custom and particles folders to- ROOT/templates/DEFAULT_TEMPLATE/ using an FTP client like FileZilla.
    2. Now it will copy/create required directories and files for this particle. If you're updating this particle to a latest version, you need to confirm on the replace warning notification.
    3. Create a custom.scss file if already not exist.
    4. Now add below codes to ROOT/templates/DEFAULT_TEMPLATE/custom/scss/custom.scss
      // Boxed Icon Particle 
      @import "boxedicon";
  4.  Installing On WordPress

    1. Copy custom and particles folders to- ROOT/wp-content/themes/DEFAULT_THEME/ using an FTP client like FileZilla or using your cPanel File manager
    2. Now it will copy/create required directories and files for this particle. If you're updating this particle to a latest version, you need to confirm on the replace warning notification.
    3. Create a custom.scss file if already not exist.
    4. Now add below codes to ROOT/wp-content/themes/DEFAULT_THEME/custom/scss/custom.scss
      // Boxed Icon Particle 
      @import "boxedicon";
  5.  Installing On Grav CMS

    1. Copy  particles and scss (from custom folder) folders to- ROOT/user/data/gantry5/themes/DEFAULT_THEME/ using an FTP client like FileZilla.
    2. Now it will copy/create required directories and files for this particle. If you're updating this particle to a latest version, you need to confirm on the replace warning notification.
    3. Create a custom.scss file if already not exist.
    4. Now add below codes to ROOT/user/data/gantry5/themes/DEFAULT_THEME/scss/custom.scss
      // Boxed Icon Particle 
      @import "boxedicon";

 

Usage:

  1. Read how to add particles to your website here. 

     

For others, please check documentation inside this particle by hovering on each option title. We will be adding more information, if you have any issue with this particle please post a question on our support forum.