Plugin Directory

Tabs Shortcodes

Adds a few shortcodes to allow for tabbed content.

Other Notes

Sample CSS

Here is some sample CSS to get you started. Make adjustments as necessary if you want to customize the look and feel of the tabs.

/* Tabs Styles */
ul.tabs {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ccc;
ul.tabs li {display: inline-block;}
ul.tabs a {
    display: block;
    position: relative;
    top: 1px;
    padding: 5px 10px;
    border: 1px solid transparent;
    text-decoration: none;
ul.tabs a.active {
    border-color: #ccc;
    border-bottom-color: #fff;
section.tab {
    display: none;
    margin-bottom: 15px;
    padding: 15px 0;
section.tab.active {display: block;}


For bug reports or feature requests or if you'd like to contribute to the plugin you can check everything out on Github.

Requires: 3.3 or higher
Compatible up to: 4.1.8
Last Updated: 10 months ago
Active Installs: 700+


4 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,3,3 100,1,1 100,1,1
100,1,1 100,1,1 100,1,1