Bricks Builder Tutorial - Custom Post Loops

Bricks Builder offers some incredibly powerful features, but they are not always the most straightforward to understand.

In this Bricks Builder tutorial, I'll take you step-by-step through the process of building a completely custom post loop, with a custom design, custom ACF fields and a fully responsive design using the powerful CALC function in CSS.

Learn how to go beyond the basics with Bricks Builder and harness the power of custom data, Advanced Custom Fields, Flex Box and the CSS Calc functions.

-- Calc Calculations (thanks to Maxime) --
Desktop - calc(33.333% - calc(calc(3rem * 2)/3))
Tablet - calc(50% - calc(calc(3rem * 1)/2))
Mobile - 100%

-- Timestamps --
00:00 - The Tools
00:43 - The Basic Setup
02:17 - Hero Section
05:38 - ACF Setup
06:40 - Adding our content
07:45 - Card design
21:03 - Using Calc for the layout design
24:05 - Alternative method
29:32 - Final design clean up

Learn Bricks Builder: https://learnbricksbuilder.com/

Take your WordPress website and skills to the next level!

► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.

► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: https://jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: https://jo.my/etafyp (WPTUTS for 20% off - Exclusive)

► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: https://jo.my/1feeng8
✅ SiteGround: https://jo.my/sgwptuts

► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: https://jo.my/1s0t2s2
✅ Brizy Pro: https://bit.ly/2Ji97r8
✅ DIVI 3 Page Builder: http://bit.ly/2HiiDcE

► WORDPRESS THEMES ◄
✅ GeneratePress Premium: http://bit.ly/2Ydn1SE
✅ OCEANWP: http://bit.ly/2fRHBr0
✅ DIVI Theme: http://bit.ly/2G8JMiA
✅ Astra Pro: http://bit.ly/2zruoKn

► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: http://bit.ly/2G0G1vB
✅ CSSHERO: http://bit.ly/2qbrRl6

► WORDPRESS PLUGINS ◄

✅ SEOPress Pro: https://jo.my/seopress

► SUBSCRIBE ◄
http://bit.ly/2rX7rhu

► LETS CONNECT: ◄
👉 Twitter:   / wptutz  
👉 Facebook Group: https://wptuts.co.uk/facebook

SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk