- 13
- 4 513
Let's Build With Bricks Builder
United Kingdom
Приєднався 27 лют 2024
Subscribe for building webpages and more in Wordpress using Bricks Builder, ACSS, Frames. This is a learn with channel. Mistakes will be made whilst building. Hope you gain knowledge from this as well as sometimes you need to know how to fix things. I apologise for the quality of the videos - hopefully I'll get better the more I do. I just wanted more content on Bricks Builder so I decided to make some myself and learn in the process.
Can we build this Fancy Slider Nav with Nestable Slider in Bricks Builder & Wordpress
#Wordpress #Tutorial #woocommerce #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss #slider
In this video I try to build a fancy Slider Navigation using Bricks Builder and the Nestable Slider. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I am at the screen.
I hope you find even a part of this useful - please let me know if I'm doing it wrong or you would do things another way. Also let me know if you'd like me to try and build something - or just ask any other bricks builder questions.
Affiliate Links
Instawp instawp.com/?via=paul-burrows
I use Instawp for all my development sites and tutorials - great for quickly spinning up a fresh install or cloning a blueprint to get quickly started
Buy Me a Coffee
If you found these videos useful and you'd like to say thanks you can buy me a coffee at www.buymeacoffee.com/buildwithbricks
In this video I try to build a fancy Slider Navigation using Bricks Builder and the Nestable Slider. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I am at the screen.
I hope you find even a part of this useful - please let me know if I'm doing it wrong or you would do things another way. Also let me know if you'd like me to try and build something - or just ask any other bricks builder questions.
Affiliate Links
Instawp instawp.com/?via=paul-burrows
I use Instawp for all my development sites and tutorials - great for quickly spinning up a fresh install or cloning a blueprint to get quickly started
Buy Me a Coffee
If you found these videos useful and you'd like to say thanks you can buy me a coffee at www.buymeacoffee.com/buildwithbricks
Переглядів: 606
Відео
Conditionally show element based on post published count | Build with Bricks Builder in Wordpress
Переглядів 3345 місяців тому
#Wordpress #Tutorial #woocommerce #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss #conditions #bricksconditions In this video I show how I use conditions to display a query loop based on how many post there are. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stup...
Bricks Builder Tutorial | Automatic Post Column Count | Build with Bricks Builder in Wordpress
Переглядів 2425 місяців тому
#Wordpress #Tutorial #woocommerce #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss In this video I try to build an automatic layout for posts using Bricks Builder. Is it possible to use css to have 1, 2 or 3 column layout depending upon how many posts you have - 3 columns being the maximum no matter how many posts? This is a "Learn With" not "Learn From " sty...
Bricks Builder Header Template with Mini Cart | Build with Bricks Builder in Wordpress
Переглядів 6595 місяців тому
#Wordpress #Tutorial #woocommerce #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss In this video I try to build a simple header using Bricks Builder. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I am at the screen. I hope you find even a part of this usef...
Woocommerce Menu Tabs with Bricks (How to)
Переглядів 4116 місяців тому
#Wordpress #Tutorial #woocommerce #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss In this video I try to build a tabbed food menu using Bricks Builder and Woocommerce. This video is a bit long as I make a few mistakes as always! This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes ...
Process Grid with Pseudo Elements Bricks Builder Tutorial | Build with Bricks Builder in Wordpress
Переглядів 3186 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss In this video I try to build a process grid using Bricks Builder. I use pseudo elements foir the dividing lines to make it responsive. This video is a bit long as I make a few mistakes and there are a few calculations needed to make it work. This is a "Learn With" not "Learn From " style of...
Bricks Builder Tutorial | Filterable Masonry Gallery | Build with ACSS & Bricks Builder in Wordpress
Переглядів 1 тис.6 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss In this video I try to build a filterable masonry Gallery using Bricks Builder and ACSS. Using the new Experimental filters componenets. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I a...
Bricks Builder Tutorial | Responsive Metro Gallery | Build with ACSS & Bricks Builder in Wordpress
Переглядів 2936 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith #acss In this video I try to build a metro Gallery using Bricks Builder and ACSS. The gallery that comes with Bricks Builder has it's limitationsThis is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I...
Bricks Builder Tutorial | ACSS Content Grid Try Out | Build with ACSS & Bricks Page Builder
Переглядів 2276 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith In this video I try to build a split hero section using the new content grid in ACSS and bricks builder. This was a question in the Inner Circle. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid ...
Bricks Builder Tutorial | Split Hero Section | Build with ACSS & Bricks Page Builder
Переглядів 1356 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith In this video I build a split hero section with bricks builder. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I am at the screen. Affiliate Links Instawp instawp.com/?via=paul-burrows I use In...
How To Make Split Content Section with Bricks Builder Page Builder
Переглядів 536 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith In this video I carry on building the webflow website Chomp - This section is a variation of the header section so I import that as a template and carry on from there. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistake...
How to create a Split Hero Section with Bricks Builder Page Builder
Переглядів 1276 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith In this video I build a split hero section with bricks builder. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I am at the screen. Download the section: twosixmedia.gumroad.com/l/ryyqt Affiliat...
Bricks Builder Tutorial - Simple split section | "Learn with" Bricks Page Builder
Переглядів 1056 місяців тому
#Wordpress #Tutorial #bricksbuilder #pagebuilder #wordpresstutorial #bricks #learnwithme #learnwith In this video I build a simple split section with bricks builder. This is a "Learn With" not "Learn From " style of video. Mistakes are included and hopefully you can either learn from my mistakes or shout how stupid I am at the screen. Download the section: twosixmedia.gumroad.com/l/choiic Affil...
I found that the grid-template-column must be 50wv / 1fr toi give a 50% 50% look.
how would you hide that cart thing if nothing in it?
I don't usually try to hide the cart if there's nothing in it as the user can see there is a cart to check - and this helps with user experience (they may not notice a cart popping up) but if you do want to hide it you would need to use conditional logic to do so - bricksforge comes with some conditions for woocommerce - I think bricks extras might as well
nicely done My question is why not a link to the code
I don't link to the code as I think you will learn the css more if you type it out
@@LetsBuildWithBricks I can type it out, but can hardly read it as it that small
@@LetsBuildWithBricks Also your screen on the video it not 100% sharp
I have included a link to the json file for this section in the video description - I will check out the quality of the video - might be my screen recorder
@@LetsBuildWithBricks thank you very much
Just discovering that unknown (to me) dynamic data condition: query results count 🔥
Great ! Thanks for sharing. That auto-fit as the number of columns based on the minimum width is Ah-ha moment for me.
You're welcome!
This looks like a case for container queries.
Thanks - will look into this
Thanks for your videos...I think as a beginner it is very useful to learn what I can do with Bricks natively and where I need a third party plugin, it is so easy to just grab another plugin but I think for real learning it is a very bad idea...Once you get more proficient then you can understand WHY you might want to grab that plugin to speed things up...
You're very welcome!
I think you have to set the grid-row from 2 to 4 (not 5) on 5:31
Yes you're right - was getting confused - should have checked the gridlines - or I should have put 2/-1 as that would have sent it to the last line as well. Thanks for noticing. It's hard recording, talking and typing along with building a page. Hopefully I'll get better at all things with more practice.
Thank you! 🎉🎉🎉