ProBeaver Weekly
Weekly for all things Beaver

Accordion Pro Styles for Beaver

Customize Accordion Style in Beaver Builder plugin

Accordion Style 1

Change + / - buttons with any font awesome icon (http://fontawesome.io/icons/)

Accordion Style 2

Simple and Minimalist Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 3

Strong & Solid Color Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 4

Two Color Variations Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 5

Multi Colored Titles Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 6

Light Gradient Background Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 7

Dark Gradient Background Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 8

Pure CSS Lines Background Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 9

Pure CSS Mesh Background Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 10

Bright 3D Style Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 11

Bold 3D Style Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 12

Very Strong 3D Style Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 13

Simple Subtle 3D Style Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 14

Dashed Border Style Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 15

Left Aligned Style Accordion look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 16

Left Aligned Bottom Border Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 17

Curved Double Border Style Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 18

Bottom Center Button Accordion Look

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 19

Custom Text Button Style Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Style 20

Inside Outline Border Style Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion Pro Styles for Beaver

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

There are 20 amazing styles to choose from: use a different icon, 3D, gradient effect, left aligned contents and much more.

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

1. Assign a class name to the accordion.

2. Paste the associated CSS Code.

3. Done... accordion has all new look!

...and in the process sharpen 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