Plugin
Updated
CSS3 Accordions
CSS3 Accordions for WordPress is a plugin that adds collapsible accordion sections to your pages and posts. It is built with CSS3 and HTML, and you set up and style each accordion from an admin panel, then place it with a shortcode.
- Version
- 3.1
- Released
- Jun 18, 2025
- Type
- WordPress plugin
- Licence
- GPL
- Included in
- Every plan, or $3.99 on its own
What’s new in CSS3 Accordions 3.1
Version 3.1 · Jun 18, 2025
Latest
What it does
Long pages full of FAQs, service details or feature lists can be hard for visitors to scan. An accordion solves this by folding content into expandable panels, so readers open only the sections they care about. This plugin builds those panels with CSS3 and HTML instead of heavy scripts, and it supports both horizontal and vertical layouts. Each panel can hold any HTML content, including text, lists, images and custom elements, so it works for simple answers as well as richer portfolio or service blocks.
Setup happens in an admin panel where you configure the accordion without writing code. You pick colors with a color picker for unlimited skins, set the dimensions to fit your page design, and add as many rows or columns as you need. CSS3 animations and hover states give visitors visual feedback as they open panels. When the accordion is ready, a shortcode places it anywhere on your site, and the included documentation covers setup and customization.
Best for
- Sites with long FAQ pages
- Agencies presenting services in compact sections
- Portfolio sites that group projects into panels
Features
Horizontal and vertical layouts
Build accordions that open sideways or stack top to bottom, so you can choose the layout that suits each page and the amount of content it holds.
Pure CSS3 and HTML
The accordions are built with CSS3 and HTML and use CSS3 animations, so they do not depend on heavy scripts to open and close panels.
Unlimited color skins
Use the built-in color picker to create as many color skins as you like and match each accordion to your site's branding.
Any HTML inside panels
Place text, lists, images or custom HTML elements inside each expandable section, which lets you use accordions for FAQs, services or portfolio content.
Unlimited rows or columns
Add as many data rows or columns as your content needs, creating accordions with however many panels the page calls for.
Configurable dimensions
Set the width and height of your accordions so they fit different page designs and adapt to the space available on various screen sizes.
Hover states and animations
Smooth CSS3 animations and hover states give visitors clear visual feedback when they move over or open an accordion panel.
Shortcode placement
Each accordion is added with a simple shortcode, so you can drop it into posts, pages or other areas of your WordPress site that accept shortcodes.
Questions about CSS3 Accordions
Can I make accordions that open horizontally?
Yes. The plugin supports both horizontal and vertical accordion layouts, so you can use a side-opening style where it suits your design or a standard stacked layout for content like FAQs.
Do I need to know CSS to style the accordions?
No. An admin panel handles setup and customization without coding. You can choose colors with a color picker, set dimensions and add rows or columns, then place the accordion using a shortcode.
What kind of content can go inside each panel?
Any HTML content works inside an accordion section. That includes plain text, lists, images and custom HTML elements, which makes the panels useful for FAQs, service descriptions, feature lists and portfolios.
Is there a limit on how many panels I can add?
The plugin allows unlimited data rows or columns, so you can create as many accordion panels as your content requires and size them with the configurable dimension settings.
Is CSS3 Accordions free?
The code of CSS3 Accordions is licensed under the GPL, so anyone may use, change and share it. GPL Feast is a paid service: a plan or a single purchase gives you the download and automatic updates. The developer's own support, licence key and online services are not included.
Which version of CSS3 Accordions is this?
Version 3.1, released Jun 18, 2025. New versions appear here when the developer publishes them, and members get them as automatic updates.
How do I update CSS3 Accordions?
Install the free GPL Feast Updater on your site and connect it with your API key. It installs new versions of CSS3 Accordions automatically and keeps a backup, so you can roll back.
You might also like
