I love the Easy Accordion FAQ plugin for WordPress, these are my personal CSS settings for styling the plugin.
/* FAQ Accordion */
#faqBlock {
margin-top: 30px;
margin-bottom: 40px;
}
#faqBlock h3.ea-header {
margin-top: 0;
transition-property: color background-color;
transition-duration: .3s;
transition-timing-function: ease-out;
margin-bottom: 0;
}
#mainpageHolder #faqBlock h3.ea-header a {
color: #000;
font-size: 1em;
}
#faqBlock h3.ea-header:hover {
background-color: #e5e5e5;
}
#faqBlock .ea-expand-icon {
margin-right: 15px;
}
#faqBlock .ea-body {
padding: 15px 20px 20px;
}
Fix for the expand plus and minus icon styling, adds a little bit of space around the icon, so that the question always sits to the right of the icon.
#faqBlock h3.ea-header .ea-expand-icon.eap-icon-ea-expand-plus {
margin-right: 15px;
margin-bottom: 40px;
}
#faqBlock h3.ea-header .ea-expand-icon.eap-icon-ea-expand-minus {
margin-bottom: 10px;
}











