How to create new styles for Quicktabs

Step 1 Open .info file and declare the styles for Quicktabs with this rule:

quicktabs_styles[style_name] = Extend style for Quicktabs

Example Let's extend the style for Quicktabs in TB Simply theme. Just add this line:

quicktabs_styles[simply] = Simply Style for Quicktabs

Step 2 Add style sheet css/quicktabs/simply.css

Step 3 Styling for extend style with class name

  • quicktabs-style-simply: for quicktabs renderer
  • quick-accordion-simply: for accordion renderer
  • quicktabs-ui-simply: for ui_tabs renderer

Backend Take a look at the Quicktabs configuration in the back-end.