@ellenmva Using the accordions and having a bit of trouble isolating some of the css for color and border-radius.

Three things...

1. Within an actual section added to a page... the color works fine.

When I use the shortcode I cannot set the color. See this link: http://bit.ly/1mkP5xi (shortcode is in the tab loans)

I would rather not change all accordions to one color in CSS (as I have some color changes on individual pages) see here: http://bit.ly/1niW9uB

2. I was able to change the overall border radius to 10px however, in the shortcode it does not work.

3. Using Font awesome.... the closing selector gets activated on only some of the accordions in the calculator on this page : http://bit.ly/1niW9uB (I have it set not to use the open close selector) Did not want it to show up just the icon.

@alisamski† I like the way you are using Accordions. I am working on an update that will make it easier to style. That's a little ways off though so let's see if we can get things working right for you.

1 & 2. For the shortcode, try targeting the styling with the accordion id like so:

Right now you need to put the important in to override the background color (that's one of the things I'm working on in the update, not to need the !important).

Each accordion has a class along with .accordion-heading, so the one for Auto Loans is .accordion-heading.ac432033324-auto-loans

3. I'll need to look into the font-awesome issue so that it only puts the closing icon if the opening icon is used, not any other icon. Probably just a quick fix in the section. Will let you know when update with fix is available, should be next day or two.

@alisamski† Ah, I see the problem. The accordion group number is changing because it is random. To fix that, in your accordion shortcode we are going to give the set of accordions a name by adding accordions_id="loans" So your shortcode would look like (may have more to it as well)

@jharri74† not a problem. I hated working with the shortcode that PageLines had for creating accordions so I created a section where each accordion is a post (Accordions post type) and then accordions are grouped together in accordion sets (a custom taxonomy) and displayed on pages using the Accordions Section.

I need to update my website, didn't realize so out of date (the last site worked on is always your own), but this shows Accordions and different accordion sets as sections on the page and as a sidebar widget.

You can also insert accordion sets using a shortcode, that's what I thought you were referring to.