Skip to content

Instantly share code, notes, and snippets.

@mitchellkrogza
Last active February 21, 2022 11:30
Embed
What would you like to do?
Flatsome Change Accordion Arrow to + sign
/*ACCORDIAN*/
/* Change the Flatsome default accordion Arrow Icon to a + symbol*/
.accordion-title.active{background-color:#006587!important;color:white!important}
.accordion-inner{background-color:#eeeeee!important}
.accordion-title{font-size:100%}
.accordion-inner{padding:10px;font-size:.85em}
.accordion .toggle{top:3px!important;transform-origin: 50% 50%!important;}
.accordion .active .toggle{top:3px!important;}
.accordion-item {margin-bottom: 8px;}
.accordion .icon-angle-down:before{content:"+";}
.accordion-title.plain {
background-color: black;
color:#fff;
}
.accordion .toggle i {
color: white;
}
.accordion .toggle i:before {
color: white;
font-weight:900!important;
}
.active>.toggle {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/*MOBILE SIDEBAR MENU ACCORDION*/
.nav-sidebar .icon-angle-down:before {
content: "+";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment