Beaver Builder Components - 06222021
General Styling
This is the style guide... It includes 3 top sections. Base, Extras and Foundation. Base includes things like colors, fonts, icons and ect. Extras are everything that is outside of Foundation, such as JS plugins and or specific SCSS code. Foundation section includes everything in Foundation (except Orbit...).
Even though this is packed with a lot of stuff. Please feel free to delete or add things as needed. This is meant to be just a baseline styleguide.
**Important Notes: The page can take a little bit to load because of the js file that adds the "Code View" to each section. To save your sanity, I would recommend viewing the actual styleguide.php, as opposed to the index.php file. Also, you can note-out the js files at the bottom. I added notes around files so you know which ones I am referring to.
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 3 top sections. Base, Extras and Foundation. Base includes things like colors, fonts, icons and ect. Extras are everything that is outside of Foundation, such as JS plugins and or specific SCSS code. Foundation section includes everything in Foundation (except Orbit...).
Even though this is packed with a lot of stuff. Please feel free to delete or add things as needed. This is meant to be just a baseline styleguide.
**Important Notes: The page can take a little bit to load because of the js file that adds the "Code View" to each section. To save your sanity, I would recommend viewing the actual styleguide.php, as opposed to the index.php file. Also, you can note-out the js files at the bottom. I added notes around files so you know which ones I am referring to.
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
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
Factors Reducing Your Forklift’s Safe Lifting Capacity
You just purchased a new forklift. Along with your purchase, you made sure your forklift operators were trained properly. One of the key components of training is the understanding of a forklift’s capacity and how that capacity can change depending on alterations or wear and tear on the lift truck. Operators’ knowledge of safe lifting capacity equals […]
How Planned Maintenance Impacts Forklift Safety
Planned maintenance is an essential aspect of forklift safety as it helps ensure that the forklift is in good condition and working correctly. Here are some ways that planned maintenance can enhance forklift safety: Worn or damaged forklift parts are frequently the cause of component failure or reduced performance. Planned maintenance provides for regular inspections […]
All Lift Earns MVP Award for 9th Consecutive Year
We are proud to announce that All Lift Service Company has been awarded the prestigious MVP (Most Valuable Partner) Award for our accomplishments in 2022. For the 9th consecutive year, we have earned earned the MVP Award from the industry’s trade association, MHEDA (Material Handling Equipment Distributors Association). Award recipients must satisfy a rigorous set […]
CLARK’s Latest S-Series Addition, The SEC20-35
Introducing the CLARK SEC20-35, a 4,000-7,000 pound four-wheel electric forklift. The latest addition to the S-SERIES family, the SEC20-35 combines all of the SMART, STRONG and SAFE features you’ve come to expect from the S-SERIES family with none of the emissions of a standard IC truck. Featuring an ergonomic operator compartment, strong components, and a true 7,000-pound capacity—a first […]
Your Source for Columbia Industrial Vehicles
All Lift Service Company is proud to announce that we are now Cleveland Metro’s source for Columbia Industrial Vehicles. Columbia’s pure electric utility vehicles are designed and built for long life cycles and maximum capability in any environment. Columbia Vehicle Group, Inc. is an electric vehicle manufacturer based in Reedsburg, Wisconsin whose history dates back […]
Your Source for Electric Conversion
Now is the time to convert your traditional IC forklifts to clean electric, and we’re your partner The tide has been turning for a decade and the time has come when electric forklifts have become the dominant player in most markets. Manufacturers like CLARK, Komatsu and BYD have vastly improved the product category to perform […]
Solutions for Going Electric in Your Material Handling Operation
Looking to eliminate emissions, and lower energy costs for your lift trucks? All Lift has solutions We are in the midst of a “great migration” from internal combustion forklifts to clean, efficient electric forklifts. While it will be some time until electric forklifts can do all the jobs of their IC counterparts, there have been […]
Forklift Engine Cooling Tips
During the hot months of Summer, heat is your forklift’s number one enemy. Heat results in increased engine wear, part failure and lift truck maintenance expenses. Like most other facets of your operation, an ounce of prevention is worth a pound of cure, and keeping your engine operating at recommended manufacturer temperatures will improve your productivity […]
Recognizing Forklift safety Day 2022
Forklift Safety Day is coming, and here’s what you can do to recognize and celebrate. With the past two year’s events being held virtually, it’s exciting to be able to hold Forklift Safety Day 2022 in person, in Washington DC. And while most of us will be unable to attend, below is a list of […]
Introducing CLARK S40-S60 LPG-Diesel Forklifts
CLARK extends it’s line of S-Series IC forklifts with LPG-Diesel Models to 12,000lb Capacities CLARK has extended its line-up of S-Series internal combustion forklifts to include LPG and diesel models to 12,000lb. capacities. This builds on the now legendary SMART, STRONG, SAFE standards for which CLARK is known. Smart This latest product in the CLARK […]
Basic - Post Slider
Business
UABB - Business Hours
UABB - FAQ Schema
UABB - Team
John Doe
John Doe
John Doe
UABB - Testimonials
