Bricks Builder Full Wordpress Website Course - SEO - Blog - Performance - Wordpress Tutorial 2023

[@shanebakerstudios]

Dude. You are the first person I've ever given a super thanks to. I appreciate the in-depth help. This was by far the best video for those like me who are brand new to bricks.

[@websquadron]

Many thanks and I’ll be doing more on Bricks soon

[@user-eo1vz9lt8g]

@@websquadron you did a lot but seems gone back to a wider audience with Elementor, can't blame you for that, but more Bricks would be welcome anytime...

[@BearSitesAndy]

Transitioning from Divi to Bricks currently and watched the first 20 mins of your video. It’s fantastic and I know it will teach me a lot. But, I now need a video on setting up your 3 screen live wall you have, it’s awesome.

[@websquadron]

:) They are Atmoph 2 LED Windows :)

[@JoaoPauloDev]

Man I never saw nothing like that, so detailed, full of content, so perfect, thank you so much for that, you help a loooottt of people with this content, I'm sure!!!

[@websquadron]

Glad it helped!

[@josealbertomoralespaya2871]

Spectacular Bricks course. It is impossible to do more in less time. I like it because even though you go fast, you have time to see almost all the buttons and sections that you go through. Keep creating videos about this.

[@merrillcreativesolutions]

I have been a total STAN for another builder, but based on recent issues, I’m considering Bricks. This tutorial has been INCREDIBLE for helping me make the decision. Thank you for everything you do. So brilliant! ❤🎉

[@dhanushs1802]

Hi @merrillcreativesolutions, Can you please share which was that other builder?

[@wordpress-073]

I’m only 20 minutes into the video, and I must say, I’m astonished by the quality and attention to detail you’ve put into this tutorial. It is truly a comprehensive, in-depth guide. Every question that arose while watching was answered just moments after I continued playing. Bravo, Web Squadron! Compared to other WordPress-focused KZbinrs, you are underrated. I hope to see much more content from you.

[@websquadron]

Big thanks. We're all here to teach and learn.

[@amineunshakable1295]

Finally a full course on how to build a website with Bricks builder from A-Z, been waiting for this and now is out … time to look at Bricks as my new page builder

[@raptorcreate]

Brilliant, just the video i needed. i have been distracted by breaking heart bad lol. now time for some building back better with bricks.

[@daneesfn]

real

[@gilltestudent8176]

First video I've seen of yours Imran and I can easily say your the best web design teacher I've seen on YT. I learned so much and will be buying a Bricks unlimited. Thanks, subscribed!

[@websquadron]

Thanks so much 😊

[@kapiszon533]

I really appreciate all the best practice tips of WordPress and bricks, thanks!

[@markbratton111]

Just starting the course today. I took the leap because I have seen what this builder can do and it's very intuitive. Here we go!

[@TheGratefulTears]

I think this is the best channel, the best tutorial I've ever watched so far regarding WP website building.

[@websquadron]

Big thanks :)

[@StraightForwardTravel]

This video continues to be of high value to me, thank you so very much.

[@websquadron]

You're so welcome!

[@Adam.3313]

I'm 13 min into and you've given me a tons of extremely valuable information.. thank you for making the learning process shorter a LOT. Cant imagine what comes in the next hours dude...

[@StraightForwardTravel]

Outstanding video I greatly apprciate it. I bought Bricks because of your videos. You present really well and clearly. Thank you

[@jiutian]

Thanks for the video, it helped me a lot. Especially the header settings for different devices

[@Melissa_Lawrence]

Wow, you're on a roll Imran!! 🙌🏻 I'm going to watch this just to support because I think it's amazing the time and effort you are putting into these in depth videos ❤

[@legeekduweb_mtl]

Wow you really did a great job I’m thinking of switching my website on elementor to bricks builder to give a try. Could you do a tutorial about the brick builder extension witch use gsap for animations ? And can you explain the difference between blocks and Div ?

[@StraightForwardTravel]

I greatly appreciate your video. Frankly its just amazing and you have been of great service to me. I hope you will continue to put out videos of such high quality.

[@DampfunterPalmen]

Thanks a lot for this excellent course!! Used to work with Elementor, I now decided to give Bricks a deeper look. I watched the video entirely and can't thank you enough for the great work you did. Living on a touristic island, building multilingual websites requirement. I was reading Bricks is still not 100% WPML compatible, so I'll have to wait until I can first use it on my first clients project. All the best from Lanzarote Island!

[@tryderrick]

Why isit not yet compatabike with multi languages?

[@YasirShabbir]

Imran you’re just amazing ❤ Masha Allah. Keep posting this type of valuable content 😌

[@websquadron]

Thank you, I will

[@coffeebot3000]

Awesome, dude. Thanks so much. Your efforts are greatly appreciated.

[@sendilc7584]

Thanks for sharing this video/tutorial. You are master of masters.

[@websquadron]

You are very welcome

[@felixrivera2691]

This is fantastic!

[@GeorgeVuckovich3]

I’ve been looking forward to this! Great work, brother!

[@KariposTheOne]

Wonderful! I appreciate the tremendous effort you've put into this. Regarding the section's padding on both the left and right sides that you've included, I would highly recommend incorporating it into the global styling. By doing so, you'll have the advantage of making any desired changes in just one location

[@michaeltrull5788]

your videos are endlessly useful thank you

[@websquadron]

That means a lot :)

[@gojiyaravi2]

Wow! Amazing Tutorial 😊! Bricks is really good.

[@marcodeheus9652]

Thanks! Great tutorial 👍🏻 Keep them coming 🍀🙏🏻

[@playvision5667]

please make tutorial for beginner with bricks + woocommerce

[@Justin_Ly]

Hi! This is super helpful!! I was just wondering whether or not you should use the child theme and what are the benefits/negatives. Keep up the great work!!

[@websquadron]

Absolutely fine to use child theme though I prefer to add changes via code snippets

[@rookiesmarts]

Wow.. That's a mega course

[@dh_investing]

Love to see it! Thx

[@Extremehiphop]

Thank you so much imran. I'm really struggling with Bricks. Mainly as I'm looking at sites designed by people far more advanced myself. Kind of makes me feel dispirited. This has lit a fire under me.

[@websquadron]

Nice one :)

[@cookie9250]

Excellent Man..... I was waiting for it.

[@edywerder]

Im glad it’s only 3 hours 😀 still working down the 6 hours course.

[@quentinbwv565]

Great tutorial! Thanks for this content!

[@websquadron]

Glad it was helpful!

[@user-td4cn5do5k]

What a great tutorial!!! I'm brand new to Bricks and learned so much. Thanks a bunch!!

[@websquadron]

You are so welcome!

[@NHH19]

Great tutorial, especially the clamp explanation!!

[@websquadron]

Many thanks. Feel free to share it :)

[@eduardovolpi8451]

Thanks man!! 💯

[@malikyasirsattar1483]

A lot of love from my side.i will definitely watch this video.

[@robertturner1550]

Great video. Thanks for sharing!

[@nicholasaguirre2558]

Just because you mentioned it on 40:17 I thought I would bring it up. You might mention it later in the video or maybe I missed it early on but the point of rem is so that the website adjusts to the default font size of their device. Too many times I have seem sites that look strange on my mother's phone because she has her default font size up large for hear eyes only to see that the site was obviously designed for only the default system font size. I don't disagree with using px for some objects but doing that locked them into a specific size even if the default font size of the device is different than your system you designed the site on. Maybe worth mentioning.

[@annikaenglunds]

Again! Another absolutely fantastic video! Thank you so much for the generosity and the time you put in making these tutorials.

[@websquadron]

No problem. I will be doing an updated and a bigger version soon.

[@BuiTinh278]

Great! Thank you so much

[@satanishangover]

Great! You delivered and on top of it in record time! 👏

[@andytlaird]

Great tutorial. You've come a long way since your early days. If I didn't set the media to '0' is there a way to clear all the old thumbnails etc?

[@websquadron]

You’ll have to go to your Wordpress files via your host provider and then delete the unwanted sizes

[@audunjemtland8287]

Imran, about the media settings, do you know where the triple images is stored and can be deleted? I don't see it visably in the media library, but I can see in the cache megabyte that it tripled just as you said. You have so much gold in this video, it's insane. You are truly the most generous.

[@websquadron]

You’ll have to go to your file manager and then search for those images that you don’t want but be careful and take backups

[@audunjemtland8287]

@@websquadron Thanks! Found it. Do you know what the folder name will be after date and years are ticked off? Now I see it's called by year, but what will the name of the folder be for the new uncategorized folder?

[@8vasa8]

Awesome tutorial. Thanks

[@ReheatedDonut]

This was epic, and really helping me find my way around Bricks. I'm coming from Oxygen but haven't used it in over a year. BTW what is your Star Wars wall art in the background? Is it real? I noticed it moving and had to slip back and double check as I thought I'd lost my mind for a second 😂

[@websquadron]

Atmoph 2 They are LED Windows :)

[@Michael.........]

Thanks so much! Great video. I see there's now even more code snippets on your website, do you recommend adding the 'Explicit Fixed Width and Height' and 'Remove Gutenberg CSS' to every site as well?

[@websquadron]

Not always - especially the Explicit Snippet in case it affects Sliders/Carousels.

[@Michael.........]

@@websquadron Thanks!

[@KamilaNitschka]

Greate tutorial :) I love Kadence theme and Kadence block plugin, but Bricks builder looks really interesting.

[@Extremehiphop]

I know I've already commented, but I really can't get over how amazing this course so far (I say so far as I've not had enough spare time to consume it all). Is there a section on this video for setting the responsiveness to different screen sizes? This is driving me insane at the moment as I'm playing around with bricks builder on a staging site. Thanks Imran for all you do for the WordPress community. Its greatly appreciated :)

[@websquadron]

Thanks. Not specifically for different breakpoints but if you watch how I build the Hero Banner then you’ll get a feel for using clamp to handle fonts, paddings, margins etc

[@Extremehiphop]

@@websquadron I've followed your video and its all clicking in now. I paid for a bricks course and it's no where near the quality you've provided here. You're awesome :)

[@websquadron]

Big thanks

[@organisman]

Great Video, thanks a lot. Unfortunately, the clamp calculations don't work for me, how they supposed to. They don't work at all with the font size and stop with the image, maybe at the tablet breakpoint. Does anyone know why?

[@websquadron]

What formula are you adding? And did you make sure that there are no pre existing values for the tablet entered?

[@Michael.........]

When using Siteground Hosting, do you recommend to skip the setup Wizard and just do everything manually? Or are their plugins and setting good, because they are optimized for their hosting?

[@websquadron]

Absolutely. Just skip and add what you need.

[@CityVentures101-yf7hg]

Hello my friend, excellent video, where is the excell sheet with your formula? I dont see

[@websquadron]

For the font clamp? Here: learn.websquadron.co.uk/tools/

[@user-mfsc-2024]

could i lock the header ie non-editable when editing a page to avoid mess around accidentally by users?

[@szecse]

Hi, what would you recommend instead of wp grid builder as a free alternative? Thanks

[@websquadron]

Not really an alternative

[@profitpulse__]

great video as always, one lil request sir can you please make a movie streaming website in WP l

[@websquadron]

Where would the movies be streaming from?

[@fvb1369]

this is awesome thanks lad ! , Does anyone know where exacly to find the snipped code ?> if i click the link i get redirected but im not shure what that code does .. is that the purge site code ?

[@websquadron]

It is yes

[@antware]

Hi Imran, thanks for this resource. Is there a link to be able to download the images or do we have to source our own images to follow along?

[@websquadron]

Any images can be used. I just got them from Canva.

[@michaeltrull5788]

do images set as the background of a block load faster than just using "image" ?

[@websquadron]

Technically yes. By nano-seconds. Because the container is the house which you see first. The image is like furniture inside the house. Thus, you see the House/External Decor, and then the inside loads. But it is a minor difference.

[@Lacula9999]

Imran! Can you make a tutorial on using filters in Bricks Builder?

[@websquadron]

The native Bricks Filter?

[@Lacula9999]

@@websquadron Bricks doesn't have own filters. Maybe Jetsmart Filters?

[@websquadron]

Bricks does have basic filters and a decent set for Woo as well. However they are only available for the Posts widget and not the Loop Query.

[@krystianrajski2732]

Great tutorial Imranl! 1:05:19 is it possible to apply similar class based method in Elementor?

[@websquadron]

Not yet but I believe it’s coming soon

[@Mia_Bella420]

So far this bricks builder is one of the most buggy page builders i ever worked with. Any body else has problems with a wiggling canvas that doesnt stop till reloaded? Not applying styles to the preview till reloading multiple times. CSS styles are not applying correctly to all elements containing that class, when class is applied i cant change font weight (i can change all other settings) and further more. It feels really unstable so far.

[@rudyhanusek424]

Hi Imran, thank you so much for this tutorial. I have one issue with mobile menu, that drives me crazy. When i open the mobile menu (click on hamburger icon) i cannot scroll - not in the menu, and not even outside of the menu). In portrait mode it does not make any problems, because all of the items fit in the screen, but when it come to mobile landscape, the last two items in menu does not appear, beacause there is not enough space on the screen. Which would not have been a problem, if i could scroll down, but i just cant. Its freezed. Do you have any advice, please? Thank you so much

[@rudyhanusek424]

i found the problem, its because i have set the height of Nav Items to be "fit-content", which is kind of bugging i think. I wanted my menu not to be fullscreen, so there is a small of a page content visible at the bottom of the screen. But i have decided to left it default full screen and its ok now, scrolling works fine. 👍

[@user-te1oi7pg6x]

Hey, did you make one for elementor?

[@websquadron]

Yes here: learn.websquadron.co.uk

[@Mia_Bella420]

Where can i find the assets to build this webiste (images/ graphics /etc)?

[@websquadron]

Canva

[@Cn499]

Where u got the icons at 01:12:00 ?

[@websquadron]

Canva :) Saved as SVG and then used Vectorizer.AI to sharpen them up.

[@ericuk9481]

That s great.... are you going to try to build a website just with css grid?

[@websquadron]

Not completely :)

[@ericuk9481]

@@websquadron sorry but i cannot find the code for purge site...

[@websquadron]

@@ericuk9481 it’s at the bottom of the link in the Timestamp: websquadron.co.uk/page-speed-performance-wordpress-code-snippets/

[@ericuk9481]

@Web Squadron thank you Imran 😊 🙏

[@joaslaurent2624]

Can I use Boostrap as my custom CSS?

[@websquadron]

Indeed you could.

[@JasaWPress]

I tried your tutorial in the video in the discussion > Clamp() Calculation Generator. but there was something strange about the results where I tried the formula directly from your website for 2.5rem and 3.5rem to get the results: ➡h1 {font-size: clamp(2.5rem, 2.03341rem + 2.133vw, 3.5rem);} and in your video at minute 53:15 the result is: ➡h1 {font-size: clamp(2.5rem, 2.03345rem + 1.1333vw, 3.5rem);} but when it was applied to brick builder v1.9 it didn't work at all. maybe there is a new tutorial about this? Thanks

[@websquadron]

What did you set as the Root HTML in the calculator, as Bricks uses 10px and not 16px.

[@themikesantos]

By setting the container to 1100 x 600, won't it look quite small on screen sizes above, say, 1280px?

[@websquadron]

Depends on the layout and it helps to create padding without putting padding in. Sometimes I go for 1400.

[@themikesantos]

@@websquadron Is there a well-known class system that Bricks builders use similar to Client-First with Webflow? If not, do you create a class page for your projects to refer to later?

[@Designer4real]

when I go to settings it shows only theme styles and page settings and no template settings , plus the edit header is not showing

[@websquadron]

Which version do you have?

[@Designer4real]

@@websquadron 1.9.1.7

[@daneesfn]

Insanely good values pointed with good talking but clamp codes dont work for me it doesnt do anything if somebody can help in the comments that would be appreciated :)

[@websquadron]

Are you removing the bits I recommend? Paste an example of the formula that you use.

[@daneesfn]

@@websquadron Thanks for the reply i think im doing it right but here it is: clamp("&E9&"rem, "&K9&"rem + "&(100*J9)&"vw, "&I9&"rem)

[@daneesfn]

@@websquadron Thank you so much for the reply, i think im doing it right but here it is: clamp("&E9&"rem, "&K9&"rem + "&(100*J9)&"vw, "&I9&"rem)

[@daneesfn]

@@websquadron Thank you so much for the reply, i did remove them but it doesnt work here it is: clamp("&E9&"rem, "&K9&"rem + "&(100*J9)&"vw, "&I9&"rem)

[@Ife-Emmanuel]

WP Meteor isn't really necessary?

[@felixrivera2691]

Did I miss the part on where to download the images?

[@websquadron]

It will automatically download them for you once you use BulkResizePhotos.com

[@anujkotwal21]

Where do I find the codes for the snippets

[@websquadron]

kzbin.info/www/bejne/hmXRlqOwgKpjfNU Codes: websquadron.co.uk/page-speed-performance-wordpress-code-snippets/

[@websquadron]

See here: learn.websquadron.co.uk/wordpress-page-speed/

[@user-od9zl3bo2e]

Did anyone else have trouble uploading woff2 files into the media folder?

[@websquadron]

Could be the source of where the fonts were converted or uploaded from.

[@Mia_Bella420]

function disable_google_fonts() { return false; } add_filter( 'print_google_fonts', 'disable_google_fonts' ); This Code snippet is doing nothing.

[@websquadron]

Strange that as the snippet worked for me.

[@Mia_Bella420]

@@websquadron Did you test it without disabling google fonts in the bricks settings?

[@websquadron]

@@Mia_Bella420 Of course.

[@user-br2gg1lt6d]

哇

[@rahulbaghel1680]

Why use bricks over elementor? Any one

[@websquadron]

It’s subjective and I use both

[@jeansienkin]

Speed, code quality and price for example?

[@9090RF]

Why has Bricks become so popular? Breakdance has more features and more user friendly. Code output is clean for both builders, the speed is also similar.

[@websquadron]

Some of us don't like the Breakdance PR, but that is subjective. The Bricks creator had been very transparent and honest with delivery and connects well. I'm not paid or getting any affiliates for this video. I'm doing it because I care.

[@9090RF]

@@websquadron Super very informative video. Thanks for your helpful videos

[@mariamartinezmurgui6667]

Thanks for the fantastic tutorial, it’s complete and I’m able to follow it while I’m building my blog ☺️ I only have a problem with background colors & pictures. When I go to my front end, I can’t see any backgrounds on any page. I’ve tried to deactivate plugins just in case but that is not the problem. Any ideas?? 🥹

[@websquadron]

Do the images have https in their URL?

[@mariamartinezmurgui6667]

@@websquadron yes, all of them 🤔

[@jeditech.academy]

where are is the full elementor course like this?

[@websquadron]

I removed that as it was slightly dated with some new changes. I created a new tutorial and course here: learn.websquadron.co.uk

[@jeditech.academy]

@@websquadron i've checked before but i cant pay it. too much free effort before i know. thanks anyway that 1 hour video was best for me