Skip to content

Instantly share code, notes, and snippets.

@mitchellkrogza
Last active April 25, 2024 03:58
Show Gist options
  • Save mitchellkrogza/749cbf9ef3541efb3d73af938c97269a to your computer and use it in GitHub Desktop.
Save mitchellkrogza/749cbf9ef3541efb3d73af938c97269a to your computer and use it in GitHub Desktop.
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: "+";
}
@Manmansui
Copy link

Manmansui commented May 3, 2023

Works fine on May 2023,
Thanks 👍

@Imacss88
Copy link

can u help me, i dont know where to paste this code.. please help thanks

@Manmansui
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment