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: https://twitter.com/WPTutz
👉 Facebook Group: https://wptuts.co.uk/facebook

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

Learning How to Make A Website Can Increase Your Small Business Profits

Over the years, the number of individuals using the Net for a variety of reasons has actually boosted considerably. Not only are people making use of the Internet for enjoyment or as a source to get information, people are currently utilizing the Internet to do their buying, stock trading, and far more.

7 Point Security Checklist For Your Internet Business

Think safety and security is just for banks as well as bigger firms who transmit and keep delicate individual information? Reconsider. Solo entrepreneurs have nearly had their whole brand name swiped from right under them. Utilize this quick 7 factor list to aid you much better prepare on your own versus web site burglary and destructive task.

Why Smartphone Applications Have Become Popular

Creating smartphone applications has been a preferred technique these days. This is implemented because of the most up to date fads connected with it.

WordPress Site Cloning Earns You More

WordPress is presently the most popular material administration system being used on the web. It has many functions like a template system and a plug-in architecture system. It likewise includes personalized motifs and also widgets. It also permits multi-user blogging and also multi-blogging. If you have a WordPress site, having a duplicate of your WordPress website is recommended.

Make My Own Website – An Easy Task

Can I make my own Site? Yes, but it isn’t as easy as it seems. With all the various sort of internet sites readily available online, picking the best one can be a little difficult, despite what your site is.

You May Also Like