Multiple Styles

  • Resolved carlhead

    (@carlhead)


    10 years, 5 months ago

    Good day,

    This is the first accordion plugin I’ve found that works so simply and well. Thank you!

    I’ve got a situation where I’m using multiple accordions on a page, I see your shortcode outputs some html code with specific classes. Is it possible to work around a single class limitation so I can target different classes to have different looking accordions on the same page?

    I’ve tried inserting the <div> HTML in the editor instead of the shortcode, but this does not work for some reason.

    Thanks again,

    Carl

    https://www.ads-software.com/plugins/accordion-shortcodes/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    Hi Carl,

    You won’t be able to add the HTML directly since the plugin relies on the shortcode being present in order to know when it needs to add the JavaScript file. It only loads the JavaScript file on pages that actually have the shortcodes.

    You should, however, be able to wrap your entire shortcodes in <div class="first-accordion">[accordion]...[/accordion]</div> and simply replace the classname on that div for each one you want to style differently.

    Then you can target each one in your CSS using .first-accordion .accordion {...} and .first-accordion .accordion-title {...} etc.

    Hope that helps.

    Thread Starter carlhead

    (@carlhead)

    Hi Phil,

    Sounds like the right solution to the need.

    Thanks so much for coming back to me.

    Great plugin!

    /Carl

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Multiple Styles’ is closed to new replies.