Easy Accordion FAQ Settings

3d Animation

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;	
}