Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#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.

• This topic was modified 6 years, 9 months ago by  Andrew Winkler.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#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

1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Author]

Posts