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
@bob-p7x6j
22 күн бұрын
@@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...
@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.
@legeekduweb_mtl
10 ай бұрын
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 ?
@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
@BearSitesAndy
11 ай бұрын
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
11 ай бұрын
:) They are Atmoph 2 LED Windows :)
@Mia_Bella420
3 ай бұрын
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.
@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 ❤
@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
@coffeebot3000
Жыл бұрын
Awesome, dude. Thanks so much. Your efforts are greatly appreciated.
@merrillcreativesolutions
10 ай бұрын
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
8 ай бұрын
Hi @merrillcreativesolutions, Can you please share which was that other 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
@playvision5667
Жыл бұрын
please make tutorial for beginner with bricks + woocommerce
@frankcastle7828
Күн бұрын
Found out his settings for PhastPress will break some Woocommerce features so please keep that in mind.
@JoaoPauloDev
5 ай бұрын
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
5 ай бұрын
Glad it helped!
@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?
@GeorgeVuckovich3
Жыл бұрын
I’ve been looking forward to this! Great work, brother!
@user-mfsc-2024
9 ай бұрын
could i lock the header ie non-editable when editing a page to avoid mess around accidentally by users?
@StraightForwardTravel
Жыл бұрын
Outstanding video I greatly apprciate it. I bought Bricks because of your videos. You present really well and clearly. Thank you
@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 😊
@Adam.3313
10 ай бұрын
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
Жыл бұрын
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.
@jiutian
Жыл бұрын
Thanks for the video, it helped me a lot. Especially the header settings for different devices
@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 :)
@marcodeheus9652
Жыл бұрын
Thanks! Great tutorial 👍🏻 Keep them coming 🍀🙏🏻
@gojiyaravi2
Жыл бұрын
Wow! Amazing Tutorial 😊! Bricks is really good.
@Justin_Ly
8 ай бұрын
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
8 ай бұрын
Absolutely fine to use child theme though I prefer to add changes via code snippets
@Michael.........
6 ай бұрын
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
6 ай бұрын
Absolutely. Just skip and add what you need.
@rudyhanusek424
5 ай бұрын
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
5 ай бұрын
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. 👍
@organisman
10 ай бұрын
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
10 ай бұрын
What formula are you adding? And did you make sure that there are no pre existing values for the tablet entered?
@YasirShabbir
8 ай бұрын
Imran you’re just amazing ❤ Masha Allah. Keep posting this type of valuable content 😌
@websquadron
8 ай бұрын
Thank you, I will
@szecse
9 ай бұрын
Hi, what would you recommend instead of wp grid builder as a free alternative? Thanks
@websquadron
9 ай бұрын
Not really an alternative
@wordpress-073
4 ай бұрын
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 KZitemrs, you are underrated. I hope to see much more content from you.
@websquadron
4 ай бұрын
Big thanks. We're all here to teach and learn.
@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!
@andytlaird
6 ай бұрын
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
6 ай бұрын
You’ll have to go to your Wordpress files via your host provider and then delete the unwanted sizes
@WilliamScheren
10 ай бұрын
Did anyone else have trouble uploading woff2 files into the media folder?
@websquadron
10 ай бұрын
Could be the source of where the fonts were converted or uploaded from.
@Michael.........
6 ай бұрын
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
6 ай бұрын
Not always - especially the Explicit Snippet in case it affects Sliders/Carousels.
@Michael.........
6 ай бұрын
@@websquadron Thanks!
@Mia_Bella420
3 ай бұрын
function disable_google_fonts() { return false; } add_filter( 'print_google_fonts', 'disable_google_fonts' ); This Code snippet is doing nothing.
@websquadron
3 ай бұрын
Strange that as the snippet worked for me.
@Mia_Bella420
3 ай бұрын
@@websquadron Did you test it without disabling google fonts in the bricks settings?
@websquadron
3 ай бұрын
@@Mia_Bella420 Of course.
@sendilc7584
7 ай бұрын
Thanks for sharing this video/tutorial. You are master of masters.
@websquadron
7 ай бұрын
You are very welcome
@Mia_Bella420
3 ай бұрын
Where can i find the assets to build this webiste (images/ graphics /etc)?
@websquadron
3 ай бұрын
Canva
@michaeltrull5788
6 ай бұрын
do images set as the background of a block load faster than just using "image" ?
@websquadron
6 ай бұрын
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.
@CityVentures101-yf7hg
9 ай бұрын
Hello my friend, excellent video, where is the excell sheet with your formula? I dont see
@websquadron
9 ай бұрын
For the font clamp? Here: learn.websquadron.co.uk/tools/
@TheGratefulTears
Жыл бұрын
I think this is the best channel, the best tutorial I've ever watched so far regarding WP website building.
@websquadron
Жыл бұрын
Big thanks :)
@felixrivera2691
Жыл бұрын
This is fantastic!
@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.
@cookie9250
Жыл бұрын
Excellent Man..... I was waiting for it.
@robertturner1550
Жыл бұрын
Great video. Thanks for sharing!
@kapiszon533
Ай бұрын
I really appreciate all the best practice tips of WordPress and bricks, thanks!
@audunjemtland8287
8 ай бұрын
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
8 ай бұрын
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
8 ай бұрын
@@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?
@StraightForwardTravel
Жыл бұрын
This video continues to be of high value to me, thank you so very much.
@websquadron
Жыл бұрын
You're so welcome!
@dh_investing
Жыл бұрын
Love to see it! Thx
@rookiesmarts
Жыл бұрын
Wow.. That's a mega course
@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.
@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)
@NHH19
Жыл бұрын
Great tutorial, especially the clamp explanation!!
@websquadron
Жыл бұрын
Many thanks. Feel free to share it :)
@quentinbwv565
7 ай бұрын
Great tutorial! Thanks for this content!
@websquadron
7 ай бұрын
Glad it was helpful!
@BuiTinh278
Жыл бұрын
Great! Thank you so much
@michaeltrull5788
6 ай бұрын
your videos are endlessly useful thank you
@websquadron
6 ай бұрын
That means a lot :)
@eduardovolpi8451
3 ай бұрын
Thanks man!! 💯
@edywerder
Жыл бұрын
Im glad it’s only 3 hours 😀 still working down the 6 hours course.
@Designer4real
6 ай бұрын
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
6 ай бұрын
Which version do you have?
@Designer4real
6 ай бұрын
@@websquadron 1.9.1.7
@joaslaurent2624
5 ай бұрын
Can I use Boostrap as my custom CSS?
@websquadron
5 ай бұрын
Indeed you could.
@User9482-z2s
11 ай бұрын
Hey, did you make one for elementor?
@websquadron
11 ай бұрын
Yes here: learn.websquadron.co.uk
@malikyasirsattar1483
Жыл бұрын
A lot of love from my side.i will definitely watch this video.
@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
@Cn499
8 ай бұрын
Where u got the icons at 01:12:00 ?
@websquadron
8 ай бұрын
Canva :) Saved as SVG and then used Vectorizer.AI to sharpen them up.
@Ife-Emmanuel
Жыл бұрын
WP Meteor isn't really necessary?
@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.
@SylviaKnittel
Жыл бұрын
What a great tutorial!!! I'm brand new to Bricks and learned so much. Thanks a bunch!!
@websquadron
Жыл бұрын
You are so welcome!
@8vasa8
Жыл бұрын
Awesome tutorial. Thanks
@satanishangover
Жыл бұрын
Great! You delivered and on top of it in record time! 👏
@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 :)
@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?
@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
@profitpulse__
Жыл бұрын
great video as always, one lil request sir can you please make a movie streaming website in WP l
See here: learn.websquadron.co.uk/wordpress-page-speed/
@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.
@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
@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
@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.
@KamilaNitschka
Жыл бұрын
Greate tutorial :) I love Kadence theme and Kadence block plugin, but Bricks builder looks really interesting.
@rahulbaghel1680
Жыл бұрын
Why use bricks over elementor? Any one
@websquadron
Жыл бұрын
It’s subjective and I use both
@jeansienkin
Жыл бұрын
Speed, code quality and price for example?
@张明明-g8l
Жыл бұрын
哇
@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 😊 🙏
@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
Пікірлер: 169