ProBeaver Weekly
Weekly for all things Beaver

Tabs Pro Styles for Beaver

Customize Tabs Module Style in Beaver Builder plugin

Tabs Style 1

Change + with arrow (see mobile) & thick top border for active tab
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 2

Simple and Minimalist Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 3

Strong & Solid Color Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 4

Two Color Variation Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 5

Multiple Color Variation Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 6

Light Gradient Background Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 7

Dark Gradient Background Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 8

Pure CSS Lines Background Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 9

Bright subtle 3D Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 10

Title with Icons Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 11

Ions above Titles Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 12

Only Big Icons Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 13

Subtle Curve & Active Button Text Tabs
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 14

Icons & Solid Border Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 15

Icons & Curved Edges Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 16

Icons & Simple Curve Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 17

Circular Icon Buttons Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 18

Timeline Circular Buttons Tabs Look
2013

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

2014
2015
2016

Tabs Style 19

Full Width Expand Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Style 20

Buttons Border Highlight Tabs Look
About Us

Lorem ipsum dolor sit amet, mea tota suscipiantur te. Ea pri affert melius recteque, sed at dicat dolorum. Te sea quando recteque liberavisse, minim voluptatum qui in. Qui ad solet elaboraret, in graeco admodum voluptatibus eum. Nihil delicatissimi id eum, atqui soluta no mel, vis ex suas accusata.

Ne bonorum oporteat iudicabit per. Iuvaret feugait ne mea, sit et laoreet iracundia. Ne tollit tantas sit, ad discere argumentum qui, at eam quod dicat. Eripuit nostrum maiestatis ut eum, mundi quaestio ne ius. Sea et odio possim elaboraret. s perfecto salutatus eu, vocibus forensibus expetendis eos ei.

Our Services
Happy Clients
Get Quote

Tabs Pro Styles for Beaver

Pre-made CSS styles for giving a new look to "Tabs Module" in the "Beaver Builder plugin".

There are 20 amazing styles to choose from: use a different icon, 3D, gradient, full width, border hover, only icon buttons and more.

DIY solution for users who do not like installing new plugins or addons for giving unique look to tabs module.

1. Assign a class name to the tabs module.

2. Paste the associated CSS Code.

3. Done... tabs module has all new look!

...and in the process master your CSS skills!

Download ZIP includes: Text file containing CSS code + Beaver Template file (XML) + PDF file with detailed instructions.

showcase-websites-front-1

Submit Beaver Builder built websites to feature in the "showcase" section on ProBeaver