Accordion Styling

rigaleb · February 2016

Hello ! I've been searching the forum, but cant' seem to find a subject on this. I just want to style the accordion as follows:

1. Remove the plus signs

2. Remove the left bar

3. Edit accordion's borders

4. Add a color to the background of each tab

Albert · February 2016

Hi,

you can do these with:

.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus { display: none !important; }
.accordion .question .title::before { display: none !important; }
.accordion .question .title { padding: 14px !important; }
.accordion .question .answer { background-color: #000 !important; color: #FFF !important; }

rigaleb · February 2016

It doesn't seem to remove the blue bar on the left side of the accordion. The one that appears on the left side of the tab when i click it

Albert · February 2016

Please send us link to page where you got this item and the blue bar on the left didn't removed.

rigaleb · February 2016

I sent you the credentials on private message so that you can log in and see the page, because the site isn't finished yet

Accordion Styling

Comments