FAQ module

Beaver Builder
4

Hi Kassim,

You are going to have to do some CSS work to achieve that look :slight_smile:

  1. For the Plus icon on the left, enter this into each Item Label:

<i class=“fa fa-plus”></i>

  • so the first label would be:

<i class=“fa fa-plus”></i> Where can I buy your yummy popcorn?

  1. Not sure what theme you are using or where you enter custom CSS, but here is what will do it:

Note: you will have to give the Accordion Module an ID (in the Advanced tab) - in this example, I used faq1

#faq1 {
font-size: 110%;
line-height: 130%;
color: #999;
padding: 20px 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;
}

You may need to tweak the padding and margin values as well as the colors, but it is pretty darned close to your example :slight_smile:

Cheers and Merry Christmas!
Lyle