Tagged: logo element, partner element, Partner logo element
-
AuthorPosts
-
May 8, 2018 at 6:15 pm #953495
Hi guys,
I have a partner/logo element on this page. Login information in the private content.
I would like to have the logo elements to be greyed out at first and then come into colour once they are hovered on.
This below code has been added to the quick CSS as per another thread but it didn’t seem to work:
.av-border-deactivate .av-partner-fake-img { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; } .av-border-deactivate .av-partner-fake-img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; }
Help is appreciated. Also, I would highly recommend that this feature would be involved in the element itself as part of its options. Quite a few people seem to have a problem with this and it would be quicker and easier if we could do it through its options menu.
- This topic was modified 6 years, 7 months ago by MattDalli.
May 10, 2018 at 12:39 pm #954508Hey Matthew,
Thank you for using Enfold.
Did you enable the border option? Try to remove the first selector.
.av-partner-fake-img { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; } .av-partner-fake-img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; }
Best regards,
IsmaelMay 10, 2018 at 12:39 pm #954509Hey Matthew,
Thank you for using Enfold.
Did you enable the border option? Try to remove the first selector.
.av-partner-fake-img { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; } .av-partner-fake-img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; }
Best regards,
IsmaelMay 10, 2018 at 12:54 pm #954518Hi Ismael,
I enabled the border option and I added your code to the quick css but it didn’t seem to do the trick.
Any further info appreciated.
Matt
May 11, 2018 at 12:59 pm #955256Hi,
Thanks for the update.
The site is still running on an old version of the theme, 4..1.2, which is why this modification is not working. Please update the theme to version 4.3.1 and then re-configure the partner/logo element options. You may need to toggle the theme options and re-save it to generate the new scripts and stylesheets.
Best regards,
IsmaelMay 11, 2018 at 2:36 pm #955310Hi Ismael,
Thanks for pointing this out, I updated the theme and now they are working perfectly.
I have had an issue however when I updated where I need to involve my tech. Once I updated the theme I got a blank website (total white) and after a few refreshes I got HTTP Error 500. I called my tech and he had to do the following:
Had to comment out the following:
av_countdown_events_fallback() function at wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/events_countdown.php
av_upcoming_events_fallback() function at wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.php
Any idea why this is happening as if I recall, I think we had the same problem with the last update.
Thanks a lot!
May 12, 2018 at 11:19 pm #955879Hi,
Can you please delete the theme from your FTP and then upload it again?
That would most probably solve the issue properlu.Best regards,
BasilisMay 16, 2018 at 1:23 pm #957479Hi Basilis,
Thanks a lot for the info – will try this out as I usually overwrite the theme rather than delete it and re-upload it.
Will keep you posted.
Matt
May 18, 2018 at 11:30 pm #958860Hi,
Please do let us know if there is anything else we can do for oyu.
We will be happy to assist further!Best regards,
BasilisAugust 15, 2018 at 11:36 pm #997717Hi Basilis,
Nothing else, thread can be closed.
Thanks!
August 16, 2018 at 8:06 am #997836 -
AuthorPosts
- The topic ‘Partner/Logo Element from Grey to Colour’ is closed to new replies.