To make the accordions appear the way you want you need to add your own styling to them

GnuandYou

<p>To make the accordions appear the way you want you need to add your own styling to them<br />
Lets you add accordion to your post and pages.</p>
<p>By using the following shortcodes</p>
<pre><code>[accordions clearStyle=false collapsible=true]

    [accordion title="title" icontype="square"] 

        Stuff goes here

    [/accordion]
    [accordion title="title2" icontype="circle"]

        Here as well

    [/accordion]

[/accordions]
</code></pre>
<p>For more info check out github – https://github.com/AgentSource/modern-accordion-shortcode</p>
<h3>0.7</h3>
<p>*Added support for alignment of icon – you can now have the icon float to the left or right<br />
*fixed issues that would remove WP default formatting</p>
<h3>0.6</h3>
<p>*Updated version – removed deprecated functions (thanks @pbearne)<br />
*Removed auto formatting from WP<br />
*More to come…</p>
<h3>0.5</h3>
<p>*Added hover/active states to accordion element (can be changed in css/less — will be added as an option in later version)<br />
*Added active/none active states for icons<br />
-Tweaked animate speed to 500ms to smooth out animation</p>
<h3>0.4</h3>
<p>code clean up – plugin now reflects Modern Accordion Shortcode in code</p>
<h3>0.3</h3>
<p>added font icons support to accordion, allowing user to select the style for each accordion element individually. Currently only circle and square are supported with more to come.</p>
<h3>0.2</h3>
<p>code clean up</p>
<h3>0.1</h3>
<p>Initial code base</p>


Alternatives to Modern Accordion Shortcode

Top alternatives