CIBDWBB? Episode #3: Two Columns & A Microphone

Episode #3

In episode three we are tackling a nice modern design which is fun and beautiful to look at. This design is two columns, one of which has a design that changes with a toggle, also overlapping buttons, one of which is a gradient fill. We got drop shadows that change on button hover. We got a gradient button. Oh, my! Can It Be Done With Beaver Builder?

Here is what we will be learning from this video:

– Utilizing Beaver Builder Templates used with a toggle(By UABB)
– Overlapping buttons
– Drop shadow use and manipulation on hover
– Button Design (Gradient, Drop shadow)
– Using percentages in our margins

As usual, we hope this video inspires you to build some spicy layouts, and not be afraid of getting in there and building complex layouts!

Beaver Builder:
https://www.wpbeaverbuilder.com/

Soundstripe:
https://app.soundstripe.com/sign_up

Tools Used:
Ultimate Addons: https://www.ultimatebeaver.com/
Pixelsnap: https://getpixelsnap.com/
Fontanello: https://fontanello.oktavilla.se/

Can It Be Done With Beaver Builder - Episode 5.1 - Mobile Navigation Companion@2x-100

Can It Be Done With Beaver Builder – #5.1 – Mobile Navigation

Can It Be Done With Beaver Builder - Episode 5 - Oxygen Homepage@2x-100

CIBDWBB – Episode 5 – Oxygen Homepage + Navigation

CIBDWBB - Explore More With Modern Navigation - Ep4p1@2x-100

CIBDWBB – Episode 4.1 – Mobile Navigation Companion

CIBDWBB - Explore More With Modern Navigation - Ep4@2x-100

CIBDWBB Ep.4: Explore More With Modern Navigation

Fantastic Finds Pixelsnap - Magical Design Tool

Fantastic Finds – Pixelsnap

Learning Beaver-Builder - All Things Columns Intro on Youtube

Learning Beaver Builder – Columns Intro