Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 1, 2014 at 2:50 am #298526
    mikehirsch

    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

    August 1, 2014 at 3:39 am #298541
    Josue

    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

    August 1, 2014 at 4:51 am #298567
    mikehirsch
    This reply has been marked as private.
    August 1, 2014 at 4:56 am #298569
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .active_tc.toggle_wrap{
display:none;
}

    Cheers! 
    Josue

    August 1, 2014 at 5:01 am #298570
    mikehirsch

    That did it! Thanks Josue

    August 1, 2014 at 5:10 am #298571
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    August 1, 2014 at 5:11 am #298573
    mikehirsch

    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;
    }

    August 1, 2014 at 5:16 am #298575
    Josue

    Hey!

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

    Regards,
    Josue

    August 1, 2014 at 5:22 am #298580
    mikehirsch

    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.

    August 1, 2014 at 5:31 am #298584
    Josue

    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

    August 1, 2014 at 5:36 am #298585
    mikehirsch

    BAM! Done. Thanks again.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Accordion (not slider)’ is closed to new replies.