-
AuthorPosts
-
March 26, 2019 at 12:01 pm #1083070
Hello together,
I am using the Accordion content element but unfortunately various options under the Styling tab (e. g. hover toggle appearance, current toggle appearance) don’t seem to work properly. If for example I choose a custom hover background color, the background color does change when hovering but it doesn’t change back when not hovering anymore.
It seems to me that this is no intended behaviour and looks like a bug.How can this be fixed?
Best regards,
MarcMarch 30, 2019 at 5:35 am #1084789Hey Marc,
Sorry for the late reply. Did you try to delete the old CSS and JS files under Enfold->Performance? If that doesn’t work then please post admin login details in private so that we can have a closer look.
Best regards,
RikardMay 16, 2019 at 1:49 pm #1101434I have tried your advice but unfortunately it didn’t solve the problem.
The login credentials are attached.May 18, 2019 at 4:16 am #1101966Hi Marc,
Thanks for that. First off, could you try updating the theme to the latest version (4.5.7) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update
Best regards,
RikardMay 21, 2019 at 12:32 pm #1102833Unfortunately the update didn’t fix the problem.
May 26, 2019 at 9:45 am #1104263Hi,
Please disable completely any cache / optimisation options and check this after.
Let us know if that worked out.Best regards,
BasilisJune 6, 2019 at 9:10 am #1107854I did do so and cleared the cache before testing but the problem persists.
June 9, 2019 at 5:01 pm #1108622Hi,
Yes, disable the cache of the web site, not just clear yours please.
Best regards,
BasilisJune 22, 2019 at 10:12 pm #1112652There is no caching plugin installed and therefore nothing should be cached at all.
June 25, 2019 at 12:49 am #1113033Hi,
Thank you for the update.
We will forward this issue to the dev team. For now, please edit the config-templatebuilder > aviashortcodes > toggle > toggle.js file. Look for this code around line 110:
/* change style on hover */ if (hoverStyle) { thisheading.hover( function() { if ( ! thisheading.hasClass('activeTitle')) { $(this).attr('style',hoverStyle); } }, function() { if ( ! thisheading.hasClass('activeTitle')) { $(this).attr('style', headingStyle); } } ); }
Replace it with:
/* change style on hover */ if (hoverStyle) { thisheading.hover( function() { if ( ! thisheading.hasClass('activeTitle') ) { $(this).attr('style',hoverStyle); } }, function() { if ( ! thisheading.hasClass('activeTitle') ) { if( headingStyle ) { $(this).attr('style', headingStyle); } else { $(this).removeAttr('style'); } } else { $(this).removeAttr('style'); } } ); }
Don’t forget to toggle the Enfold > Performance > File Compression settings afterwards.
Best regards,
IsmaelJuly 22, 2019 at 11:54 am #1120813Thank you for the workaround.
I am looking forward to a fix with the next update.
The ticket can then be closed now.July 22, 2019 at 4:22 pm #1120926 -
AuthorPosts
- The topic ‘Fixing incorrect behaviour of custom colors on Accordion content element’ is closed to new replies.