Gantry 5 Particles - Documentation

Doctors Carousel particle is used on our Dentist Joomla template and WordPress theme for showing basic profile info with carousel.

 

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 Doctors Carousel 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,  particles and r-elements 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
      // Doctors carousel particle 
      @import "doctors_carousel";
  4.  Installing On WordPress

    1. Copy custom,  particles and r-elements 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
      // Doctors carousel particle 
      @import "doctors_carousel";
  5.  Installing On Grav CMS

    1. Copy  particlesr-elements 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
      // Doctors carousel particle 
      @import "doctors_carousel";

 

Usage:

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

    Particle Basic Settings
     

    1. CSS Classes: You can add CSS classes here, so you can customize/override existing styles with your own CSS.
    2. Content Padding: You can add css padding here and it will apply to this particle's content block.
    3. Content Margin: You can add CSS margin here and it will apply this particle's content block.
    4. Content Maximum Width: You can set a maximum width to this particle's content block. You can add maximum width with %/px/rem/em.
       
  3. Header - Footer

    Particle Basic Settings
     

    1. Header Title: You can add a Heading title for this particle.
    2. Heading Size: Select a Heading size- h1/h2/h3/h4
    3. Header - Custom HTML: You can add a Description on the header after the Heading title and as well as you can customize the description with custom HTML.
    4. Header Text Align: Select text align for Header title and description.
    5. Header Margin Bottom: You can set a CSS margin bottom value here for applying some space between your header and particle's contents.
    6. Footer - Custom HTML: You can add a description on the footer/after this particle's contents and as well as customize with custom HTML.

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.