Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I have figured how to add a different icon with custom css but I can't figure out how to hide the default icons.
Websites: http://carlmarks.wpengine.com/?page_id=22
Server Credentials: demo / demo12
.toggle.open h3 a i.icon-minus-sign:before {
content: "\f078" !important;
font-size: 20px;
margin-top: 0px;
}
.toggle h3 a i.icon-minus-sign:before {
content: "\f077" !important;
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
div[data-style="minimal"] .toggle:hover h3 i:after,div[data-style="minimal"] .toggle:hover h3 i:before,div[data-style="minimal"] .toggle h3 i:before,div[data-style="minimal"] .toggle.open h3 i:before, div[data-style="minimal"] .toggle h3 i:after { background: transparent !important; } .toggle h3 a i:before { margin-top: -10px !important; }Thanks
ThemeNectar Support Team