I used the code from Lyle above and also the code from the second link above that you gave me. This is what I have …
}#faq1 {
font-size: 110%;
line-height: 130%;
color: #999;
padding: 50px 15px;
display: block;
}
.fl-accordion-button-icon {
display: none !important;
}
.fl-accordion-item {
border-top: 1px solid #DDD !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
margin-bottom: 10px;
}/*
Change Accordions Title Color when open
*/
.fl-accordion .fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-label {
color:#c82506;
}
/*
Change Accordions Content Color when open
*/
.fl-accordion .fl-accordion-item.fl-accordion-item-active .fl-accordion-content p {
color:#000000;
-
This removed the boxes from around the questions and answers and just puts a line above and below each time like I wanted.
-
It moved the plus icon on the left hand side of the question like I wanted, but now the minus won’t display when the item is open. I need that back.
-
It highlights the question in red when open and the answer is in black text. I also like this.
The only thing that’s missing I’m guessing from the code above is a way to add that minus icon back in, for when the item is open, and also the margin fix so that each item sits perfectly center between the two lines.