Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #298526

    How can I make the toggle open with “smooth slide-in” (same as when it closes) rather than how it just “pops” open?

    Also, how can I change the icon color (to left of toggle text for each toggle element)?

    Thanks

    #298541

    Hey!

    1. Refer to this topic:
    https://kriesi.at/support/topic/toggle-smoothness-while-opening/

    2. Add this code to the Quick CSS:

    /* First one */
    .togglecontainer .av_toggle_section:nth-child(1) .toggle_icon, 
    .togglecontainer .av_toggle_section:nth-child(1) .toggle_icon span {
        border-color: red;
    }
    /* Second one */
    .togglecontainer .av_toggle_section:nth-child(2) .toggle_icon, 
    .togglecontainer .av_toggle_section:nth-child(2) .toggle_icon span {
        border-color: green;
    }

    Best regards,
    Josue

    #298567
    This reply has been marked as private.
    #298569

    Hey!

    Try adding this code to the Quick CSS:

    .active_tc.toggle_wrap{
    display:none;
    }

    Cheers! 
    Josue

    #298570

    That did it! Thanks Josue

    #298571

    You are welcome, always glad to help :)

    Regards,
    Josue

    #298573

    Oh, just found out, for the hover color – it’s showing as grey on hover (not white like I put in my CSS)

    This is my CSS:

    .main_color .toggler {
    background-color: white;
    }
    .main_color .toggler.activeTitle:hover {
    background-color: white;
    }

    #298575

    Hey!

    I’m seeing it white when hovering it, try refreshing a few times.

    Regards,
    Josue

    #298580

    Hmmm. Nope. I cleared all browser data, refreshed, but still initial hover shows grey. ?

    The background on each toggle element is white background, as it should be. But hover is still grey.

    I also tried in another browser, and same thing.

    #298584

    Hey!

    You should change this part:

    .main_color .toggler.activeTitle:hover {
    background-color: white;
    }

    To:

    .main_color .toggler:hover{
    background-color: white;
    }

    So it targets all togglers and not only the active one.

    Cheers!
    Josue

    #298585

    BAM! Done. Thanks again.

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

The topic ‘Accordion (not slider)’ is closed to new replies.