SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen
-
-
- Roy Warner
- Sr. Rocketeer
- Posts: 126
- Thanks: 2
- got Answers?
SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen
Posted 7 years 9 months ago-
I want to apply a UIKIT class to each Roksprocket MOSAIC image within the Gantry 5 Hydrogen theme.
I want to use one of the Overlay transitions (or any other class for that matter) from the UIKIT class ( getuikit.com/docs/overlay.html#overlay-transitions ).
Where do I insert the markup code?
This is the MARKUP:
<!-- This example is spinning the image and sliding in the overlay panel from the bottom --> <figure class="uk-overlay uk-overlay-hover"> <img class="uk-overlay-spin" src="" width="" height="" alt=""> <figcaption class="uk-overlay-panel uk-overlay-slide-top">...</figcaption> </figure> - -Roy-
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21561
- Thanks: 3090
- messin' with stuff
Re: SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen
Posted 7 years 9 months ago-
Customizing RokSprocket at that level would be beyond the scope of support here.
the item.php file for the specific layout is what outputs each RokSprocket item on the frontend
www.rockettheme.com/docs/joomla/extensio...g-template-overrides
so copy:
\components\com_roksprocket\layouts\mosaic\themes\default\item.php
to:
templates\g5_hydrogen\roksprocket\layouts\mosaic\themes\default\
and make your edits there - Last Edit: 7 years 9 months ago by Matt.
-
The following users have thanked you: Roy Warner
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Roy Warner
- Sr. Rocketeer
- Posts: 126
- Thanks: 2
- got Answers?
-
Time to create page: 0.044 seconds