0
Welcome Guest! Login
0 items Join Now

SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen

    • Roy Warner's Avatar
    • Roy Warner
    • Sr. Rocketeer
    • Posts: 126
    • Thanks: 2
    • got Answers?

    SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen

    Posted 3 years 3 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's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 20628
    • Thanks: 2924
    • messin' with stuff

    Re: SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen

    Posted 3 years 3 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: 3 years 3 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 :woohoo:
    • Roy Warner's Avatar
    • Roy Warner
    • Sr. Rocketeer
    • Posts: 126
    • Thanks: 2
    • got Answers?

    Re: SOLVED CSS animation; apply uikit class to roksprocket mosaic in gantry 5 Hydrogen

    Posted 3 years 2 months ago
    • That's helps to know which file can be modified, if need be.
    • -Roy-

Time to create page: 0.100 seconds