Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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 5 years, 11 months ago by MattDalli.
    #954508

    Hey 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,
    Ismael

    #954509

    Hey 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,
    Ismael

    #954518

    Hi 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

    #955256

    Hi,

    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,
    Ismael

    #955310

    Hi 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!

    #955879

    Hi,

    Can you please delete the theme from your FTP and then upload it again?
    That would most probably solve the issue properlu.

    Best regards,
    Basilis

    #957479

    Hi 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

    #958860

    Hi,

    Please do let us know if there is anything else we can do for oyu.
    We will be happy to assist further!

    Best regards,
    Basilis

    #997717

    Hi Basilis,

    Nothing else, thread can be closed.

    Thanks!

    #997836

    Hi,

    Great, thanks for the feedback. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Partner/Logo Element from Grey to Colour’ is closed to new replies.