Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #197991

    Hi guys,

    The deeper I go into enfold the more I like it. So much scope for making very bespoke interfaces.

    New question. When clicking on an accordion item, it’s contents snap open, but when clicking on it again, it’s contents slide up to close.
    This is a little inconsistent. Is there anyway to make an accordion’s contents both *slide* open and slide closed using the same animation effect?

    Thanks,
    G

    #198220

    Hey Glyphism!

    Open css/shortcodes.css and remove/comment line 930:

    /*display:block;*/
    

    Cheers!
    Josue

    #198277

    Thankyou perfect that did it

    #198282

    You are welcome, glad we could help :)

    Regards,
    Josue

    #393219

    I want the same thing, but now there is no /*display:block;*/ in the shortcodes.css
    How can i do the same in this last version?
    Thanks!

    #393548

    Hi!

    Search for display:block; only, the /* */ is the code for commenting out what is inside of it.

    Cheers!
    Rikard

    #445593

    For me works this:
    -Coment line 1165

    .active_tc.toggle_wrap{
    /*display:block;*/
    }

    (I think is the same you explain, but change in the last version of enfold)
    Thanks!

    #446274

    Hey!

    Great, thanks for sharing!

    Cheers!
    Rikard

    #717652

    Hi,

    how can we change the behavior without editing shortcodes.css?
    we want to change thet in the css of child template…

    thx
    Chris

    • This reply was modified 1 week, 3 days ago by  digihouse.
    • This reply was modified 1 week, 3 days ago by  digihouse.
    #717766

    Hi,

    Try adding this in your child theme’s style.css or in Quick CSS:

    .active_tc.toggle_wrap {
        display: none;
    }

    Then add this code to functions.php (this is for toggles that are opened by default which is affected by the css I gave above):

    function add_custom_script(){
    ?>
    <script type="text/javascript">
    (function($){
    	function custom_toggle() {
    		jQuery("#top").find(".active_tc.toggle_wrap").css("display","block");
    	}
    
    	custom_toggle();
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'add_custom_script');

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.