Hello, i use your plugin in my website and it is so good!
The shortcode is used inside a product page, in a block created with ACF.
To force the css i use in theme function the parameter add_filter(‘lightweight_accordion_always_include_frontend_stylesheet’, ‘__return_true’ );
After the last ACF update, It seems like I can no longer call your plugin’s CSS.
Can you help me?
]]>Hi, I am trying to find a plugin that will allow me to put accordions inside another accordion. The page is setup with Elementor. I installed your plugin but I cannot figure out how to use it with Elementor. Is that possible?
]]>Hi Andy,
If we change the Accordion Title to H2, H3 etc. then the expand and collapse marker ends up above the title. I have tried all sorts of CSS fixes but none seem to hold across all browsers.
Do you have an option where we can use a simple text + or – equivalent instead of using the browser arrows?
Thanks,
Tomo
When I insert a left-aligned image into the “content” area of the Accordion block, if that image is taller than the rest of the contents of that area, then when the section is expanded, the image protrudes outside the container, causing text below that point to wrap around the image. This also includes the heading of the next Accordion block below this one. This is rarely going to be the desired behavior. I’m able to adjust for it with the following custom CSS:
div.lightweight-accordion-body { overflow-y: hidden; }
However, it would be nice not to have to do this — I’d like the above to be the default styling.
]]>I just downloaded Lightweight Accordion and hope it will suit my needs. This sounds silly, but how do I add the next item to my accordion? I have the first (title, row with content,…) and I want to add the next item below it. I can’t find a section that says “add item” or something similar. Thanks in advance!
]]>Plugin works great overall. I’m including very long transcripts in these accordion boxes and would love to have the option to “close” the accordion so that I can more easily navigate around the page editor.
Is this possible or already built in? It appears the accordion always stays open with no way to close while editing. Thanks!
]]>Hi guys! Is there any chance to align to right the accordion arrow instead of left? I see in the CSS that is a ::marker. Thanks a lot!
]]>With the latest update, Bold and Italic tags are now showing on the Accordion.
]]>Plugin works awesome, love it!! How can we go one more level deep please? i.e. #3 here:
- [lightweight-accordion]
- [lightweight-accordion-nested]
- then [lightweight-accordion-nested-nested]?
Hi, I’m hoping you can help me.
For some reason I am struggling to figure out how to change the size of the accordion title text while using the shortcode.
How would you suggest I do this?
Also, if I can ask 2 questions, how can I change the icon (triangle)?
Thanks in advance, love the plugin,
Martie
When I’m done here, I will be leaving a 5-Star Review!
Using your plugin to accordion anchor tags lists that I am using as a “Table of Content” on a few posts [for now, just got started], before content.
I am a Classic Editor kinda guy, so the only options I have are via shortcode, which work well!
Only wish for an options/toggle/check box would be the ability to have the stylesheet print in the body (default) or what I really need, giving the stylesheet a higher priority, so I can have your stylesheet, which I’ve inlined, print higher in the source code, just under my theme’s stylesheet would be ideal.
Thanks for listening, GREAT plugin!
]]>Is there a way to add a link to the inner text, to close the accordion? Like:
Closed Accordion:
▼ Question1
Opened Accordion:
▼ Question1
llskjdfl sldkjf lskdjf lksjd flksjd fljksdl fkjsfkj lskdjf lskdj flksj dflkjs ldfkj sldkfj lskdjf lskdj flkjsd flkjs dlfkj sldkfj sdlkj flskdj flksdj flkjsd flkjsd lfjk sdlkf sld flsdkj flskdj fljkldjks flkjsdl fjk lsdkjf lskjdf slkdjf
[close accordion]
I was able to add After to the accordion with the + and Cross icon
I did
.lightweight-accordion-title::marker{display:none!important;visibility:hidden!important;}
details[open] .lightweight-accordion-title::marker{display:none!important;visibility:hidden!important;}
The black marker is removed from all devices accept from iPhone
Kindly guide
Hi! Lightweight Accordion styling got missing after installing Facebook Pixel. I’m using GeneratePress theme, but styling was ok before FB pixel. Is this a bug or how to fix it?
]]>I’m creating a PWA and was testing out your accordion because of its light weight. Works great on Android but when tested with iPhone the accordion has an arrow above it and will not open. Any thoughts as to why or how to fix this?
]]>Hi, I would like to use the FAQ schema within an accordion, but reduce the JSON output that appears to be automatically generated. Since I believe answers should preferably not have bold text, lists or other design elements, I would like to display them for the page visitor but omit them within the script to be read by Google. Is this possible and is it useful/necessary?
]]>I wish to use the accordion code in theme file.
I know I need to use
<?php echo do_shortcode('[your_shortcode]'); ?>But I am confused on how to add the content within opening and closing of the shortcode. Kindly suggest.
]]>Hi Andy,
I just read the roadmap to WordPress 6.3 and it seems the WordPress release squad is considering a core block which is similar to your Lightweight Accordion block: a Details/summary block. Just for your info ??
Kind regards,
Erik
I started to get console errors in Gutenberg editor when editing posts and it seems Lightweight Accordion is somehow blocking JS:
react-dom.js?ver=18.2.0:73 Warning: Cannot update a component (Unknown) while rendering a different component (edit). To locate the bad setState() call insideedit, follow the stack trace as described in https://reactjs.org/link/setstate-in-render at edit (https://mystaging.site/wp-content/plugins/lightweight-accordion/block/index.js?ver=1681238865:68:29)
If I disable Lightweight Accordion I don’t have this errors in console.
Nor the The block editor requires JavaScript. Please enable JavaScript in your browser settings… notification.
This was not happening on previous versions (WordPress, Lightweight Accordion, Blocksy theme, and other plugins). I suspect Lightweight Accordion is not the sole culprit, but the editor does work when I disable Lightweight Accordion.
Any idea what can be happening here?
Thanks.
Accordion works great for text. However, when I try to load a GravityView shortcode inside the accordion it won’t display the view content. Any suggestions?
]]>Accordion works great for text. When I add a shortcode (for GravityView) inside an accordion it won’t load the view content? Any suggestions?
]]>Is there a way to make the accordion (both content and title) span the width of the page without resorting to code? For other block I can do this fairly simply with the align button but I can not stretch the accordion block for some reason.
]]>Could you please explain this- https://www.wordfence.com/threat-intel/vulnerabilities/wordpress-plugins/lightweight-accordion
]]>Hello,
is there an easy function we can use to make the accordion work in WooCommerce product descriptions. I tested it but the shortcode is not being rendered.
Thanks!
I have used the shortcode without any problems on standard WordPress content pages, however when I try to use it in a WYSIWYG box (from ACF) the styling looks broken, but the toggle still opens the content.
Do you know of any reason why this could cause a problem?
Wonderful and really lightweight plugin…
I’m encountering some difficulties to animate the accordion closing event.
Is there any solution?
]]>Hello!
Really like your plugin.
I also noticed that in the mobile version, the second row of the title is shifted to the left compared to the top row (https://prnt.sc/ztLVfKyM8BAA). Is it possible to make the beginning of the top and bottom lines coincide? The look will be more harmonious. As for me ??
Sincerely, Pavlo
Hi,
I tried to use the following short code but the title background color doesn’t change.
[lightweight-accordion title=”XXX” title_text_color=”red” title_background=”black” bordered=true accordion_open=true ]
Appreciate any help given
]]>The lightweight-accordion stylesheet does not seem to be loaded on my index page. It works on other pages, which are based on another template of the theme.
It doesn’t work here: https://praxis2022.ninazhao.myhostpoint.ch
It works here: https://praxis2022.ninazhao.myhostpoint.ch/lightweight-accordion-test-page/
Hi
I’m using the shortcode on our home page in the ‘tax services’ section of our homepage. The accordion is activated when you click on the title of each icon. You can’t tell it’s a drop down because the icon isn’t appearing. How do I show the down arrow icon?
Haej
]]>