Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Andrew Winkler Friend
    #1094567

    I’m trying to replicate a spinning icon on-hover effect on an icon-based menu.

    Here’s the original Moodle CMS version:

    http://mahoodle.tvet-rkp.net/local/tvet_policies/country_profiles/country_profiles_articles.php

    Here’s the new Joomla CMS version:

    https://tvet-rkp.net/tvet-country-profiles

    I have three problems:

    1. The currently active "Country Profiles" icon is not supposed to have the dark blue background but the same light grey background as the inactive icons.
    2. The currently active "Country Profiles" icon is supposed to be solid, as selected in the menu item options. (i.e. iCountryprofiles-acv.png, not iCountryprofiles.png)
    3. I would like to achieve the same on-hover spinning effect.
    Saguaros Moderator
    #1094798

    Hi,

    You can try to use the Inspect Element in Chrome/Firefox and see that the markup of site using Moodle cms is totally different, the image is included in div tag and it has class and this class is styled with transition effect – a property of CSS 3.

    If you want to have same effect, you need to have class for each image and add transition effect for it. This will require much customization and take time. If you’re not familiar with code, I recommend you to hire a developer to get it done for you.

    Regards

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 1 reply, has 2 voices, and was last updated by  Saguaros 6 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum