Quickly search documentation, product details and articles.
AOS Atom Animation on Scroll (AOS) is a small JS library that allows you to animate elements on your page as you scroll. To initialize the library, go to your Base Outline > Page Settings and drag the Animate on Scroll atom into the dock. You can then save the Page Settings. By clicking on the atom, you will find the Global settings to be used for your AOS elements: Option Description Duration Values from 0 to 3000, with step 50ms...
Joomla Documentation /docs/joomla/templates/reiko/atom_aos.mdIntroduction The Fixed Header atom gives you the ability to fix your header to the top of your page so it follows your visitors as they scroll. The fixed header conveniently disappears as the user scrolls down and slides down with the slightest upward scroll. This allows users to see the full scope of the page while maintaining access navigation and search without having to scroll back to the top...
Joomla Documentation /docs/joomla/templates/reiko/atom_fixedheader.mdSingle Page Nav Atom Single Page Nav is a JS library that scrolls to a section on your one page website when you click on a menu item. For a demonstration, please visit our GetGrav.org website. To initialize the library, go to your Base Outline > Page Settings and drag the Single Page Nav atom into the dock...
Joomla Documentation /docs/joomla/templates/reiko/atom_singlepagenav.mdButton Label Customize the text you want to have appear in the link button. Button Link Customize the link you want the link button to go to. Button Classes Add CSS class(es) you would like to have apply to the button. Target Set the target for the button.
Joomla Documentation /docs/joomla/templates/reiko/particle_block.mdIntroduction The Featured Videos particle makes your latest videos appear in a stylish slider. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Settings These options affect the main area of the particle, and not the individual items within...
Joomla Documentation /docs/joomla/templates/reiko/particle_featuredvideos.mdIntroduction The Grid Statistic particle enables you to display animated, well-organized numbers and statistics on your site. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Main Options These options affect the main area of the particle, and not the individual items within...
Joomla Documentation /docs/joomla/templates/reiko/particle_grid.mdIntroduction The Image Grid particle gives you the ability to quickly set up a clean, organized grid of images. This particle is perfect for image portfolios and galleries. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Main Options These options affect the main area of the particle, and not the individual items within...
Joomla Documentation /docs/joomla/templates/reiko/particle_image.mdButton Icon If you would like to have an icon represent the read more button, this is where you would select it. Read More Classes Enter the CSS class(es) you would like to have apply to the individual item. Target Sets the target for the item's link.
Joomla Documentation /docs/joomla/templates/reiko/particle_info.mdButton CSS Classes Enter any CSS classes you want to apply to the read more button. Option Description Author Select to Show or Hide the article's author in the particle. Category Select to Show or Hide the article's category in the particle.
Joomla Documentation /docs/joomla/templates/reiko/particle_joomla.mdButton CSS Classes Enter any CSS Class(es) to apply to the items. Note: When using Joomla Content source, images can utilize Photo and Photo Large layouts by adding photo or photo-large to the Alt Text field for either the Intro or Full image of the Article(s) you are displaying.
Joomla Documentation /docs/joomla/templates/reiko/particle_latestnews.md