Enfold Documentation – Accordion

Hi Patrick,

Thanks for pointing it out to us, the documentation should be fixed shortly.
As for the CSS code, you can use this:

/*------------------------------------------------
------------------------------------------------

Accordion style 2

------------------------------------------------
-------------------------------------------------*/


/* Tab title style */
.av-accordion-style-2 .toggler {
    font-size: 18px;
    font-weight: bolder;
    padding: 10px 15px;
    text-transform: uppercase;
    margin: 2px 0;
    background: #B5DCFD;
}
.av-accordion-style-2 .activeTitle.toggler:hover,
.av-accordion-style-2 .activeTitle.toggler,
.av-accordion-style-2 .toggler:hover {
    color:#FFF;
    background: #1869FF;
    }


/* Extra content in tab title */
.av-accordion-style-2 .toggler span.extra-content {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: lighter;
    opacity: .65;
    padding: 5px 0;
    text-transform: none;
}

/* Accordion icon */
.av-accordion-style-2 .toggle_icon:before {
    position: absolute;
    font-size: 18px;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    content:"\e875";
    font-family: 'entypo-fontello';     
    line-height: 0;
}

/* Active tab icon */
.av-accordion-style-2 .activeTitle .toggle_icon:before {
    content:"\e873";
    font-family: 'entypo-fontello';         
}

/* Hide default icon */
.av-accordion-style-2 .toggle_icon {
    border:none;    
    position: absolute;
    left: auto;
    right: 20px;
}
.av-accordion-style-2 .toggle_icon .vert_icon,
.av-accordion-style-2 .toggle_icon .hor_icon {
    display:none;
}

/*Toggle content area */

.av-accordion-style-2 .toggle_content {
    background: #ced7df;
}

Hope it helps.

Best regards,
Nikko

Hi Patrick,

We’re glad that we could help :)
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko