Docs

[Stanley Tan]

Hi,

Right now, when we add an accordion it will start on a new line.

What we want is the accordion to be together with the same line it is placed on because we are using the accordion as a “Read more” link to show and hide text.

Here’s an example: http://www.selbys.net/test-custom-banners-new/

[Friech]

Hi There,

Thanks for writing in! I’m not entirely certain of what you’re trying to do, but if your goal is to have a line of accordion items, please divide the ROW (where the accordions are) to a multiple columns and place accordion on each of this columns. If this does not resolve the issue, please clarify.

Cheers!

[Stanley Tan]

Hi,
I have attached a screenshot of what I mean.

I want to make the accordion to be on the same line as the text.

Here’s the html:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [accordion id="my-accordion" style="padding-bottom: 0; margin-bottom: 0;"] [accordion_item class="read-more-accordion" title="Read more" parent_id="my-accordion"]

But the accordion starts on a new line. How can we make it so that the accordion is on the same line as the text?

[Rupok]

Hi there,

Accordion element is within new div and it supposed to start on a new line. You can mix it up with a paragraph inline.

Thanks!

[Author]

Posts