Beaver Builder Components - 04072023
General Styling
Colors
Accent Colors
ACF Color Options
primary_color
SASS Variable
$primary-color
ACF Color Options
secondary_color
SASS Variable
$secondary-color
ACF Color Options
tertiary_color
SASS Variable
$tertiary-color
Alert Colors
ACF Color Options
success_color
SASS Variable
$success-color
ACF Color Options
warning_color
SASS Variable
$warning-color
ACF Color Options
alert_color
SASS Variable
$alert-color
ACF Color Options
info_color
SASS Variable
$info-color
Shades
ACF Color Options
gray_color
SASS Variable
$gray-color
ACF Color Options
light_gray
SASS Variable
$light_gray
ACF Color Options
medium_gray
SASS Variable
$medium_gray
ACF Color Options
dark_gray
SASS Variable
$dark_gray
Type
UABB - Headers
h1. This is a very large header
h2. This is a large header
h3. This is a medium header
h4. This is a moderate header
h5. This is a small header
h6. This is a tiny header
UABB - Headers with Links
UABB - Fancy Text
**These ARE NOT REPONSIVE other than the type-writer animation.
This is the fancy Text
UABB - Duel Color Headings
I love this website! This is after text...
Basic - Text Editor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque feugiat vulputate porta. Nullam porta, nisl at feugiat aliquam, risus purus fermentum magna, sit amet hendrerit dui tellus a dolor. Suspendisse vehicula, lectus a rhoncus accumsan, lectus dolor facilisis urna, eu pretium ligula metus a lorem. Vivamus ornare eget arcu et blandit. Donec sed elit quis risus convallis consequat. Praesent varius turpis dolor, ac luctus libero interdum at. Morbi varius ullamcorper nulla, a interdum mi. Vivamus vel enim id nibh consectetur convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus aliquet elit sed lacinia sodales. Cras at quam diam. In vel enim ut sapien ornare iaculis vitae vel nisi. Aenean ligula nisl, scelerisque at cursus sit amet, efficitur sed lacus. Fusce sodales magna eu elementum hendrerit. Morbi sodales elit vel arcu mattis fermentum. Etiam dapibus quam blandit gravida suscipit.
Basic - Icon
Basic - Icon Group
Modules
This is the style guide... It includes the all of the Beaver Builder Basic modules, along with a selective set up Ultimate Beaver Builder Addon modules.
Buttons
To create different styles or sizes, just add one of the following classes (i.e. primary-button, secondary-button, tertiary-button...) to the advanced tab within the module. For UABB modules you can add the class(es) to the advanced tab or the additional class field with in the general or button specific tab.
Styles
primary-buttonsecondary-buttontertiary-button
Attributes
hollow- filled
Sizes
largesmalltiny
BB Basic Styles
White Text Link
Black Text Link
BB Basic Size
UABB Single & Double
UABB - Marketing Button
**This button will inherently take the styles set in the SCSS. To avoid this, add class .override to the class within the general tab.
Images
UABB - Single - Photo
UABB - Single - Image / Icon
BB Basic - Gallery
UABB - Carousel
BB Basic - Slideshow
UABB - Interactive Banner 1
Maecenas non gravida nisl, nec convallis eros. Sed ac mi sed erat porta tincidunt sed id tortor. Nam aliquam ullamcorper massa, ut fringilla orci venenatis accumsan.
Interactive Banner
I love rap music, I always have and always will!
- Said No One Ever!
Interactive Banner
UABB - Interactive Banner 2
**Be careful on how much content you put within these modules. They are not inherently responsive and will cut off text if the container isn't adequate.
Banner Style 1
Suspendisse a gravida ex. Suspendisse potenti. Quisque sagittis semper lacus ac finibus. Praesent vulputate est nunc, sed dictum nisl varius a.
Banner Style 2
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 3
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 4
Suspendisse a gravida ex. Suspendisse potenti. Quisque sagittis semper lacus ac finibus. Praesent vulputate est nunc, sed dictum nisl varius a.
Banner Style 5
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 6
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 7
Suspendisse a gravida ex. Suspendisse potenti. Quisque sagittis semper lacus ac finibus.
Banner Style 8
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 9
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 10
Suspendisse a gravida ex. Suspendisse potenti.
Banner Style 11
Suspendisse a gravida ex. Suspendisse potenti.
Heros
BB Basic - Smart Slider 3
BB Basic - Content Slider
Containers
UABB - Advanced Accordion
UABB - Advanced Tabs
Tab Title
This is tab content. Click to edit this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab Title
This is tab content. Click to edit this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab Title
This is tab content. Click to edit this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab Title
This is tab content. Click to edit this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab Title
This is tab content. Click to edit this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab Title
This is tab content. Click to edit this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Callouts / Cards
Basic - Callout
Basic - Call To Action
**Big difference between these two modules is the layout options (inline or stacked) and adding an image or icon. Callout the button is optional. Call to action the button is not optional.
UABB - Info Banner
UABB - Info Box
Info Box
Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
UABB - Info Table
Design Style 1
Secondary Heading
Mauris sagittis mollis purus, in finibus augue ultricies a. Sed nec tortor vel tellus malesuada accumsan.
Design Style 3
Secondary Heading
Mauris sagittis mollis purus, in finibus augue ultricies a. Sed nec tortor vel tellus malesuada accumsan.
Design Style 4
Secondary Heading
Mauris sagittis mollis purus, in finibus augue ultricies a. Sed nec tortor vel tellus malesuada accumsan.
Design Style 5
Secondary Heading
Mauris sagittis mollis purus, in finibus augue ultricies a. Sed nec tortor vel tellus malesuada accumsan.
Design Style 6
Secondary Heading
Mauris sagittis mollis purus, in finibus augue ultricies a. Sed nec tortor vel tellus malesuada accumsan.
Lists & Tables
Basic - List
Generic List (div)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Unorderd List (ul)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Ordered List (ol)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
UABB - Info List
First List Title
Enter description text here.
Second List Title
Enter description text here.
Third List Title
Enter description text here.
First List Title
Enter description text here.
Second List Title
Enter description text here.
-
Third List Title
Enter description text here.
-
First List Title
Enter description text here.
-
Second List Title
Enter description text here.
UABB - Table
| Mr. John Doe | Software Developer | Tokyo |
| Ms. Cara Wagner | Integration Specialist | London |
| Mr. Bruno Stevens | WordPress Developer | New York |
Posts
Basic - Posts
Used Equipment Spotlight: 2018 New Holland C232 Compact Track Loader
Check out our New Holland C232 Compact Track Loader available for sale:For photos and pricing click hereSpecs on the Compact Excavator: Tier 4 Diesel Engine 2-speed Drive Mechanical Foot Controls 78 inch LPE Bucket with Bolt-on Cutting Edge Enclosed Cab with Heater & AC 12.6 inch Rubber Tracks Vinyl Suspension Seat HD Hydraulic Coupler Engine […]
We’re Pleased to Introduce Marty Morris as our South Elgin Service Manager!
A desire to be at the top of his profession has always been a driving force for Marty. That desire initially manifested itself when he rose through the ranks to become an ASE Certified Master Technician. From there, he progressed to managing a number of service departments where he relished the opportunity to lead and […]
Used Equipment Spotlight: 2018 Kubota KX080-4S Mini Excavator
Check out our Kubota KX080-4S mini-excavator available for sale: For photos and pricing click here Specs on the mini-excavator: Model KX080-4SR3 Mechanical Quick Coupler Hydraulic Thumb Rubber Tracks Air Conditioned ROPS Cab Standard Dozer Blade Dipper Arm Counterweight & Travel Alarm Kit 36″ Bucket
Product Spotlight: The Hyundai HX160L Excavator
THE HYUNDAI HX160L: A TRUE PRODUCTIVITY MACHINE… The design philosophy for this Hyundai is maximum output with minimum effort. Both the machine and the operator are able to get more done, with less fuel and less fatigue. It’s a perfect recipe for daily & long-term productivity. The new HX160L is a great example from Hyundai’s latest, […]
Product Spotlight: Kubota R630 Wheel Loader (Video)
KUBOTA R630: THE SINKER-BALL HITTER OF WHEEL LOADERS! Here’s the superpower of the Kubota R630: the hybrid link system combines the advantages of both Z link and Parallel link systems, so you get strong bucket force when excavating and grading, and an exceptional vertical lift path for superior reach and lifting. If you have a […]
Product Spotlight: Z400 Series Zero Turn Mowers From Kubota (Video)
KUBOTA Z400 (VERY) NEARLY EFFORTLESS! You don’t usually see “work” and “effortless” together when you’re talking about landscaping duties… but the Kubota Z400 Series Zero-Turn Mowers are a welcome exception. Professional-level performance and comfortable, easy operation go hand in hand — for both commercial fleet operators and residential / large property owners. First, let’s take a look at some of […]
Product Spotlight: Hyundai HL965 Wheel Loader (Video)
A TRIFECTA OF OUTSTANDING FEATURES They say good things come in threes, and that’s certainly true about the key features of the Hyundai HL965 Wheel Loader: excellent performance, incredible convenience, and easy serviceability all combined in one thoroughbred of a vehicle. Whether you work in agriculture, landscaping, forestry, public works, road paving, snow removal, or scrap […]
Product Spotlight: Toro TRX Walk-Behind Trenchers
NEW TORO TRX WALK-BEHIND TRENCHERS ARE MORE POWERFUL & EFFICIENT THAN EVER! Good news for those of us who love a good ditch, fence, wall, or clean pipeline: Toro has enhanced their excellent walk-behind trenchers so they are even easier to use and maintain. The TRX has always had a low center of gravity and large […]
Product Spotlight: Kubota U Series Compact Excavators
U GOT THE POWER! Kubota’s U-series compact excavator line brings all the ultras to U and your team: they’re ultra-durable, ultra-maneuverable, ultra-comfortable, and with their great power-to-size ratio and smartly-designed versatility, they’re ultra-productive. And the U17 adds one more benefit: it’s ultra-squeezable — with the ability to change the track gauge from 4’1″ to 3’3″ with the touch of […]
Used Equipment Spotlight: 2017 Toro Dingo TX1000 Compact Utility Loader
Check out our Toro Dingo TX1000 Compact Utility Loader available for sale: For photos and pricing click here Specs on the Toro Dingo: 1,075 lbs Rated Operating Capacity Model 22328 Wide Track Model 24.9 hp Kubota Diesel Engine 81″ Hinge Pin Height Vertical Lift Loader ?
Basic - Post Slider
Business
UABB - Business Hours
UABB - FAQ Schema
UABB - Team
primary_color
primary_color
primary_color
UABB - Testimonials
