Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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,
    Marc

    #1084789

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

    #1101434

    I have tried your advice but unfortunately it didn’t solve the problem.
    The login credentials are attached.

    #1101966

    Hi 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,
    Rikard

    #1102833

    Unfortunately the update didn’t fix the problem.

    #1104263

    Hi,

    Please disable completely any cache / optimisation options and check this after.
    Let us know if that worked out.

    Best regards,
    Basilis

    #1107854

    I did do so and cleared the cache before testing but the problem persists.

    #1108622

    Hi,

    Yes, disable the cache of the web site, not just clear yours please.

    Best regards,
    Basilis

    #1112652

    There is no caching plugin installed and therefore nothing should be cached at all.

    #1113033

    Hi,

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

    #1120813

    Thank you for the workaround.
    I am looking forward to a fix with the next update.
    The ticket can then be closed now.

    #1120926

    Hi,

    You’re welcome. The actual fix is going to be included in the next update.

    We’ll close the thread now. Have a nice day!

    Best regards,
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Fixing incorrect behaviour of custom colors on Accordion content element’ is closed to new replies.