Support reply may delay for 3 weeks due to corona virus outbreak, please send us email to support@pickplugins.com
Ticket for: Accordions
0
Combining accordions methods? Avoiding frontend bottom space? 1
Jaime González
Sep 04, 2019 11:57 PM 1 Answers
Member Since Sep 2019
Subscribed Subscribe Not subscribe
Flag(1)

Hi,

I have different accordions from which I would like to combine different tabs.

My site is a tour operator site with multi-day tours; I use accordions to explain each day planning. For example, days 1 to 3 from "tour A" are the same as days 8 to 10 from "tour B".
I'm assuming it is not possible to create a new accordion with a combination of different tabs of other accordions... so I'm just adding two accordions one after another on my WordPress editor.
The problem is on the page frontend; there is a white space between both accordions (https://snipboard.io/OVtNZf.jpg).

Anyone has any idea about how to combine the two accordions in a good way, or to avoid that annoying white space between both accordions on the frontend?

Thanks so much!

2 Subscribers
Combining accordions methods? Avoiding frontend bottom space? 1
Combining accordions methods? Avoiding frontend bottom space? 3
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
1
Combining accordions methods? Avoiding frontend bottom space? 4
PickPlugins
Sep 05, 2019
Flag(1)

Welcome to our forum.

Not sure which version are you using?

Can you please add following CSS to fix the issue.

.accordions .top-navs {
    display: none;
}

Let me know the result.

Regards

Combining accordions methods? Avoiding frontend bottom space? 5
Jaime González
- Sep 12, 2019 06:33 AM
Flag (1)
1

Sorry again,
Also, I have seen that after using the extra CSS code now the content doesn't show paragraphs spaces anymore… any solution for this?
Thanks!

Combining accordions methods? Avoiding frontend bottom space? 5
Jaime González
- Sep 11, 2019 09:59 AM
Flag (1)
1

It works great, many thanks!

One more question… I'm combining several accordions one after another. After your tip, now they all look good when collapsed. All accordions are set up as "Keep expanded others: No". However, as they are different accordions, the "Keep expanded others: No" function only works individually for each accordion, but not for all at the same time…
Is there any extra CSS code to make the "Keep expanded others: No" function work on all accordions as a whole?
Thanks!

Sign in to Reply
Replying as Submit