Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 27, 2015 at 3:18 pm #509679
    MulderMind

    Hi guys,

    I want to customize my accordion to look as much as possible as the attached image.
    So no borders or backgrounds at all.

    Just the words with the + icon in front of it and when you click it the extra text appears.

    Any way I can do that?

    accordion

    September 27, 2015 at 3:23 pm #509680
    Elliott

    Hi MulderMind!

    Add this to your custom CSS.

    .togglecontainer * { border: 0px !important; background: transparent !important; }

    Best regards,
    Elliott

    September 27, 2015 at 3:30 pm #509684
    MulderMind

    Hi Elliot,

    Thanks for the fast reply.

    It worked for most of the part only now the boxes with the + in them are gone as well.

    September 28, 2015 at 5:54 am #509801
    Ismael

    Hey!

    Please adjust the code to something like this:

    .togglecontainer section div > * { border: 0px !important; background: transparent !important; }

    Regards,
    Ismael

    September 29, 2015 at 1:47 pm #510728
    MulderMind

    Hi Ismael, thanks for the reply.

    For some reason the code doens’t do anything anymore.
    When I use the code from Elliot nothing hapens either.

    Any ideas?

    September 29, 2015 at 5:44 pm #510888
    Elliott

    Hi!

    You probably have a typo in your CSS then. Add the code to the very top of the file above your other CSS.

    Send us a link to the page as well. You can set your reply as private if you wish.

    Cheers!
    Elliott

    September 30, 2015 at 9:54 am #511249
    MulderMind

    Thanks i got it to work!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Accordion customization’ is closed to new replies.