Gantry 5 Particles - Documentation

Gantry 5 Particle - Text-Image Documentation

Using Text-Image particle used on our Dentist Joomla template and WordPress theme. By default, you could add text and image using Joomla article, module or WordPress post, widgets or Gantry 5's Custom HTML particle. But if you want to show the image in full width from left or right and the contents on normal width as your other top-bottom section's contents you will see the issue and you would need to right custom styles code for this purpose. In this situation, our Text-Image particle will solve your problem with just few clicks.

 

Installation:

Note: Check your theme's existing particles first. If you already have this particle there, then skip this installation unless you need to update to a latest version.

  1. Download Text-Image 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 
      // Text-Image particle 
@import "textimage";

  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 
      // Text-Image particle 
@import "textimage";

  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 
      // Text-Image particle 
@import "textimage";

 

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. If you have any issue with this particle please post a question on our support forum.