Accordion icon positions

Beaver Builder
1

Hi,

I’m looking to change where the icons are located on the accordion unit. I’d like them to appear before the question title in the FAQ I’m making, where the arrows are pointing in this screenshot:

http://imgur.com/Og5Pw8I

I’d like this to work while retaining the plus/minus switch when clicked. Any ideas how I can achieve this?

2

Further to our post above, it’s very unusual for the icon to be at the end of the accordion unit, typically it’s at the start (as we’re trying to achieve). Don’t take our word on it:

https://www.google.co.uk/search?q=faq+accordion&source=lnms&tbm=isch&sa=X

3

Hey Geoff,

Try adding the CSS snippet below and see if it’s what you’re looking for. :slight_smile:

/* Move BB Accordion's icons to the left side */
.fl-module-accordion .fl-accordion-button {
  position: relative;
  width: 100%;
}
.fl-module-accordion .fl-accordion-button-label {
  padding-left: 20px;
}
.fl-module-accordion .fl-accordion-button-icon {
  position: absolute;
  left: 0px;
}

Ben