Im here in 😊 the comments section to ask for an in-depth video tutorial of this addon, and thank you again for your contribution to our community, Paul.
I think AdvancedThemer and BricksForge are the two tools that you HAVE to get when working with Bricks. Please Paul provide us more videos of these two.
🎯 Key Takeaways for quick navigation: 00:00 🔨 Advanced Themer is a powerful tool for expanding capabilities of Bricks Builder, a platform for creating WordPress websites. 00:56 📝 Advanced Themer offers numerous features like color palettes, CSS variables, styles, classes, and tweaks for productivity. 01:39 🎨 Color palette feature allows creation of custom color themes with the option to define primary, secondary, and neutral colors. 03:07 🔄 Changes to color variables reflect globally, allowing for quick modifications. 03:51 🌓 Advanced Themer supports automatic generation of color shades and a dark mode option. 05:15 🖥️ Theme settings provide extensive customization options for typography using Advanced Custom Fields. 06:12 🎚️ The tool employs 'clamp' for scaling typography, allowing smooth adjustments across different device sizes. 07:22 📏 You can use custom variables in designs, with immediate access to the variables set up in typography. Changes apply to style and size but do not affect the underlying HTML code. 08:31 🎨 Variables are a crucial tool for creating visual hierarchies on a webpage, simplifying the styling process. 08:58 🖼️ Spacing around elements can be easily adjusted using selected variables, providing design consistency. 09:38 🔧 Changes to the website's overall design can be made quickly by adjusting variables in the settings. 10:06 📏 Users have full flexibility in creating and managing the spacing variables on the website. 10:34 🔄 Border radius variables are versatile and can be used anywhere on the site. 11:33 🏗️ Users can create custom variables for typography, spacing, and radius for added flexibility. 12:02 📊 Using grid classes, users can create multiple column layouts efficiently. 13:26 📲 Grid layouts created are totally responsive and can be easily customized. 13:54 💾 Users can import and export CSS classes to use inside the editor. 14:08 🚀 The interface of the editor can be modified to enable more features and improve productivity. 15:03 📐 Users can enable a 12 column grid for designing web layouts, similar to the grid in Figma. 15:59 ⌨️ Shortcuts for settings and interactions are available for faster design process. 16:12 🤖 The editor can be connected to AI services like GPT for AI-generated content. 16:27 🌐 The editor's interface can be personalized, including changing the logo and setting user role permissions. 16:54 💡 Before starting with the editor, it's recommended to explore the website to understand the features on offer. 17:09 ⚙️ The "Advanced Theme" feature in Bricks Builder offers a front-end playground option, giving users access to a variety of backend variables. 17:37 🖌️ It enables customization and editing of color palettes and typography styles without committing changes, providing a helpful tool for prototyping and receiving client feedback. 18:06 🧱 Users have the flexibility to manage layout grids and CSS classes from within this feature. 18:20 🎨 Additional tools include a color lab for creating color variations, a color converter, a scale generator for color scales, and a color palette generator. 18:48 🌈 An array of popular color palettes are provided for those in need of inspiration. 19:02 👓 The contrast checker tool ensures website accessibility for visually impaired users. 19:16 🌗 Light and dark mode switch is available. 19:30 🌑 Additional features include a dark mode toggle and color swatch generator. 19:43 📘 All these functionalities provide a comprehensive suite of tools for users wanting to create a style guide. Made with HARPA AI
Thanks Paul! I am new to AT, It seems I don't have the Typography in the theme settings, (Also no spacing, border-radius and no AT-color Palettes menu) Is there somewhere to enable them? Thank you so much.
Awesome intro to a brilliant first-release product. I have only spent about 30 minutes on this plugin and can see it will be amazing. And, Maxime is a super good dude so everyone should just buy this :) I was just about to record something. What I will do is a use case and some recommendations and just refer back to your video.
Thanks for making time to go through this plugin and showing us how powerful and useful it is. To be honest, I've been looking for a more intuitive way to create style guides for WordPress projects and it's been a pain. This plugin promises a lot. What about button styles? That's so important, you know? Currently, it's quite difficult achieving a proper hover effect with transitions on Buttons in Bricks Builder. Unless I'm missing something, but I'd appreciate it of you could do another video on this plugin extensively. Thank you.
thanks Paul. Looks a lot like ACSS with more options and a nicer UI. Do we know if it adds "bloat" to Bricks? How are those Google Page speed scores looking (before and after plugin install) ?
Hi Paul, I have the latest Advanced Themer update and the Playground option does not appear. The dash when I have it active now says Admin Bar but when I want to see it I want to run it, the option does not appear at the top.
Love this. I was looking at the plugin website, and couldn’t really see what it offered… I just purchased the LTD on the back of this video - please do more! :)
Damn Paul, this was in my feed again and now I’m stuck on do I want this to be my primary “go-to” tool for a framework or should I use Automatic CSS. The setup of this seems to be a bit more intuitive than the other option available. I’m super intrigued and like many others, would love to see a full site build integrating Advanced Themer as a part of it!
Fairly new to the idea of using css classes but I am already appreciating the benefit. Any suggestion on any videos on how to learn more about the use of css classes and how to decrease the time it takes to build in bricks?
I'll be releasing a video in the next week or so on getting started with global classes with Bricks and also how to go beyond the basics using a CSS Framework.
@ Thank you so much! I’m subscribed so I’ll get the notification. Just brought Bricks Builder’s lifetime license last week and I’m loving it. Kicked Elementor to the curb. Thank you for all of your help. Love your videos.
@@coolestnerdever2128 good choice. :) You may also want to join the www.wptutsacademy.com/ where you can join other designers, get involved in the community and also benefit from any of the free mini-courses I release. :)
Paul, you’re my trusted “go-to” source for clear cut value and functionality of tools. In regards to Advanced Themer, do you see the need to, also, have to run ACSS in addition to this as well when making a design process easier using Bricks or would you recommend it as a stand-alone add-on without having to use ACSS in addition. Just curious as to what your take on this would be.
I am considering, lately to switch from Elementor to Bricks, for the speed. Now I found out, that basic things that I take for granted in Elementor, like global style, requires additional plugins on Bricks, witch is a paid only builder. So I get the speed with Bricks, but then I need to keep installing plugins ( and pay for them ? ) to get the functionality of Elementor Pro? How many plugins do I need to install on Bricks to get to equal Elementor Pro functionality? Will the page still be faster with all other plugins installed? It is the same story as with Gutenberg somehow …. Please give an objective response if you can, thank you.
To be honest, I don't have a copy of OxyProps to be able to test and compare. But, I believe it's more framework orientated over AT which has elements of that included, but is more about being a Bricks utility.
@@WPTuts Thanks for mentioning those differences. I'll continue to do some more research, as I'm quite new to this. Your videos, btw, are excellent. Thank you for putting them out!
Hi Paul, thanks for this video. Looks like ACSS with a bloated GUI. Does this actually make it easier to work with? Would love to see a comparison of the two.
I would love for any of the many gurus that are now refugees from Oxygen Builder to make a video showing a one-on-one comparison of latest version of Oxygen Builder vs Bricks and elaborate on why Bricks is a superior product to Oxygen builder! PS: No bringing up the politics of business decisions. Only the technology.
It doesn't. How does one get the idea? ACSS was initially written for Oxygen and later got Bricks support, while AT is designed with and for Bricks in mind from the get-go. ACSS is primarily a framework, with completely pre-built classes and variables and dictated workflow, while with AT you get the ability to create your own little framework. It is much more flexible.
To accomplish a project, bricks alone can't do. You need a couple of plug-ins. Bricks features are half cooked. Lack basic features in form and woocommerce, no ajax popup, no mega menu.
Actually there is alot missing here. For example where are color transparencies? Also, when using that frontend playground you never show anything actually "working". There is a huge difference in showcasing "features" vs "working features". Also the backend admin, definitely needs to be condensed. ACF has even shown developers how to condense these backends that developers have put together. My point is in your video do you see how far your scrolling in the typography settings? That's crazy! Sorry, as a developer this needs alot more work. AND, it doesn't even come close to OxyProps / BricksPops! For example, while in the backend editor.. BricksPops right click menu and EVERYTHING is right there for you AND everything auto updates in the editor!
Im here in 😊 the comments section to ask for an in-depth video tutorial of this addon, and thank you again for your contribution to our community, Paul.
Amazing walkthrough. Would love to see more videos of Advanced Themer being used in actual workflows.
This is super cool Paul! I’d love to see a full site build tutorial using all the functionality of this plugin!
I second that!
Thirded ! Or just an in depth tutorial on using the main features. Great product that sorely needs tutorials.
me 2 please
I think AdvancedThemer and BricksForge are the two tools that you HAVE to get when working with Bricks. Please Paul provide us more videos of these two.
🎯 Key Takeaways for quick navigation:
00:00 🔨 Advanced Themer is a powerful tool for expanding capabilities of Bricks Builder, a platform for creating WordPress websites.
00:56 📝 Advanced Themer offers numerous features like color palettes, CSS variables, styles, classes, and tweaks for productivity.
01:39 🎨 Color palette feature allows creation of custom color themes with the option to define primary, secondary, and neutral colors.
03:07 🔄 Changes to color variables reflect globally, allowing for quick modifications.
03:51 🌓 Advanced Themer supports automatic generation of color shades and a dark mode option.
05:15 🖥️ Theme settings provide extensive customization options for typography using Advanced Custom Fields.
06:12 🎚️ The tool employs 'clamp' for scaling typography, allowing smooth adjustments across different device sizes.
07:22 📏 You can use custom variables in designs, with immediate access to the variables set up in typography. Changes apply to style and size but do not affect the underlying HTML code.
08:31 🎨 Variables are a crucial tool for creating visual hierarchies on a webpage, simplifying the styling process.
08:58 🖼️ Spacing around elements can be easily adjusted using selected variables, providing design consistency.
09:38 🔧 Changes to the website's overall design can be made quickly by adjusting variables in the settings.
10:06 📏 Users have full flexibility in creating and managing the spacing variables on the website.
10:34 🔄 Border radius variables are versatile and can be used anywhere on the site.
11:33 🏗️ Users can create custom variables for typography, spacing, and radius for added flexibility.
12:02 📊 Using grid classes, users can create multiple column layouts efficiently.
13:26 📲 Grid layouts created are totally responsive and can be easily customized.
13:54 💾 Users can import and export CSS classes to use inside the editor.
14:08 🚀 The interface of the editor can be modified to enable more features and improve productivity.
15:03 📐 Users can enable a 12 column grid for designing web layouts, similar to the grid in Figma.
15:59 ⌨️ Shortcuts for settings and interactions are available for faster design process.
16:12 🤖 The editor can be connected to AI services like GPT for AI-generated content.
16:27 🌐 The editor's interface can be personalized, including changing the logo and setting user role permissions.
16:54 💡 Before starting with the editor, it's recommended to explore the website to understand the features on offer.
17:09 ⚙️ The "Advanced Theme" feature in Bricks Builder offers a front-end playground option, giving users access to a variety of backend variables.
17:37 🖌️ It enables customization and editing of color palettes and typography styles without committing changes, providing a helpful tool for prototyping and receiving client feedback.
18:06 🧱 Users have the flexibility to manage layout grids and CSS classes from within this feature.
18:20 🎨 Additional tools include a color lab for creating color variations, a color converter, a scale generator for color scales, and a color palette generator.
18:48 🌈 An array of popular color palettes are provided for those in need of inspiration.
19:02 👓 The contrast checker tool ensures website accessibility for visually impaired users.
19:16 🌗 Light and dark mode switch is available.
19:30 🌑 Additional features include a dark mode toggle and color swatch generator.
19:43 📘 All these functionalities provide a comprehensive suite of tools for users wanting to create a style guide.
Made with HARPA AI
Thanks Paul! I am new to AT, It seems I don't have the Typography in the theme settings, (Also no spacing, border-radius and no AT-color Palettes menu)
Is there somewhere to enable them? Thank you so much.
Thanks Paul, I'd appreciate a full scale tutorial on Advanced Themer. You Rock!
Was looking forward for this one 🎉
Thanks Paul! Yes we want a long video! Great Channel!
Looking forward to the full tutorial. Thank You!
Awesome intro to a brilliant first-release product. I have only spent about 30 minutes on this plugin and can see it will be amazing. And, Maxime is a super good dude so everyone should just buy this :)
I was just about to record something. What I will do is a use case and some recommendations and just refer back to your video.
Cool Product, I’d love to see a advanced tutorial using all the functionality of this plugin too!
Thanks for making time to go through this plugin and showing us how powerful and useful it is. To be honest, I've been looking for a more intuitive way to create style guides for WordPress projects and it's been a pain. This plugin promises a lot. What about button styles? That's so important, you know? Currently, it's quite difficult achieving a proper hover effect with transitions on Buttons in Bricks Builder. Unless I'm missing something, but I'd appreciate it of you could do another video on this plugin extensively.
Thank you.
How does this compare to ACSS! You should consider making a video on different CSS frameworks and how they compare with each other.
Thanks, and yes, please make more videos about this great plugin.
Yes Paul, please do a tutorial building a full site with Advanced Themer
Thanks Paul, a New kid on the blocks for bricks After Acss and Oxyprop, the competition is here
thanks Paul. Looks a lot like ACSS with more options and a nicer UI. Do we know if it adds "bloat" to Bricks? How are those Google Page speed scores looking (before and after plugin install) ?
Their site scores 90 in mobile and 100 in desktop, so it's a good sign
ACSS is my way to go for sure
@@cuaran89 great! It would be good to know some of the your reasons?
WANT TO LEARN MOOOOOOORE! Looking forward to it Paul. :)
Yes, pls create a big video on this with bricks! Thanks Paul
Thank you Paul, I was waiting for this. Please can you please do an in-depth tutorial about this, thanks again
Hi Paul, I have the latest Advanced Themer update and the Playground option does not appear. The dash when I have it active now says Admin Bar but when I want to see it I want to run it, the option does not appear at the top.
Go go go, thanks for first video about AT.👌
Hey Paul, yes make an tutorial please!
Do i even need Core Framework if i have this? It seems to do the same and much more.
Also, what is the one plugin for Bricks you value most?
similarly you can create type and color libraries in bricks and assign them names. how does this differ i wonder (except for ease of use)
also wonder how clean the final css looks like . compared to others like winden+tw that promise a tiny clean css
Thank you for the intro video. Yes, please do a more in-depth video using AT to create a website. The number of options is extensive.
I would love to see this tool in action with a design. Make some love with Bricks 💟❤❤❤
Love this. I was looking at the plugin website, and couldn’t really see what it offered… I just purchased the LTD on the back of this video - please do more! :)
Glad it was helpful!
Maybe it's moved since you made this video, but I'm having trouble finding the Typography section.
Damn Paul, this was in my feed again and now I’m stuck on do I want this to be my primary “go-to” tool for a framework or should I use Automatic CSS.
The setup of this seems to be a bit more intuitive than the other option available.
I’m super intrigued and like many others, would love to see a full site build integrating Advanced Themer as a part of it!
Yes please create the video of how to use this in a full design, if you haven’t already.
Go for it Paul, waiting to see how you create a site using it 😜!
Yep. Please do make a full video - thanks Paul
Holy shit Paul. Just when I told myself no more tools in my box 📦, then you drop this bombshell. Well here goes to adding to the 🧰 .
Oops! Sorry. Lol
Thanks 🎉 purchased it a while back but never got into it. I’ll have to try now
Yes please a more in depth use of it would be great. As well as bricksforge and it’s animation gsap part
Fairly new to the idea of using css classes but I am already appreciating the benefit. Any suggestion on any videos on how to learn more about the use of css classes and how to decrease the time it takes to build in bricks?
I'll be releasing a video in the next week or so on getting started with global classes with Bricks and also how to go beyond the basics using a CSS Framework.
@ Thank you so much! I’m subscribed so I’ll get the notification. Just brought Bricks Builder’s lifetime license last week and I’m loving it. Kicked Elementor to the curb. Thank you for all of your help. Love your videos.
@@coolestnerdever2128 good choice. :)
You may also want to join the www.wptutsacademy.com/ where you can join other designers, get involved in the community and also benefit from any of the free mini-courses I release. :)
@@WPTutswill do! Thank you for the reference.
Isn't the colours and Fonts already built into Bricks Builder?
Paul, you’re my trusted “go-to” source for clear cut value and functionality of tools. In regards to Advanced Themer, do you see the need to, also, have to run ACSS in addition to this as well when making a design process easier using Bricks or would you recommend it as a stand-alone add-on without having to use ACSS in addition. Just curious as to what your take on this would be.
I am considering, lately to switch from Elementor to Bricks, for the speed. Now I found out, that basic things that I take for granted in Elementor, like global style, requires additional plugins on Bricks, witch is a paid only builder.
So I get the speed with Bricks, but then I need to keep installing plugins ( and pay for them ? ) to get the functionality of Elementor Pro?
How many plugins do I need to install on Bricks to get to equal Elementor Pro functionality?
Will the page still be faster with all other plugins installed?
It is the same story as with Gutenberg somehow ….
Please give an objective response if you can, thank you.
What features are you specifically referring to from Elementor?
Without knowing that, I have no way of being able to help or advise.
Please make the full video with Bricks, if possible :)
Pls do full website tutorial:)
I’ve always used GP, but I’m really tempted by Bricks.
i just made that move - wish I'd done it earlier.
Would love to see you do one of OxyProps as well, or perhaps even a comparison vid.Having a hard time deciding which to get!
To be honest, I don't have a copy of OxyProps to be able to test and compare. But, I believe it's more framework orientated over AT which has elements of that included, but is more about being a Bricks utility.
@@WPTuts Thanks for mentioning those differences. I'll continue to do some more research, as I'm quite new to this. Your videos, btw, are excellent. Thank you for putting them out!
Great! And yes pl for a tutorial.
An in depth would be very welcome Paul!
+1 for more detailed tutorial.
I think you need to make a new video on Breakdance. You did when it was in beta but now is way better than a year ago.
That’s probably not going to happen I’m afraid. I don’t have a license to test it.
full site build tutorial please paul
Wondering why content creator never look at how much load time a plugin ad to a site. Their might be the one or other suprise.
this seems like acss. Am I totally wrong or partially wrong?
Tutorial building a website would be great please.
Please do the the in-depth video
Thanks 🙏 and please make an tutorial!!!!
yes please good tutorial to design a bricks website with Bricks and Advanced Themer with dark/light color toggle switch
The lack of RBGA in selecting the color is kind of useless to me.
HSL FTW...
More videos about this powerhouse of a tool
Hi Paul, thanks for this video.
Looks like ACSS with a bloated GUI.
Does this actually make it easier to work with?
Would love to see a comparison of the two.
I would love for any of the many gurus that are now refugees from Oxygen Builder to make a video showing a one-on-one comparison of latest version of Oxygen Builder vs Bricks and elaborate on why Bricks is a superior product to Oxygen builder!
PS: No bringing up the politics of business decisions. Only the technology.
I was never an Oxygen user, so I’d say I’m not the best person to provide that comparison with objectivity. 👍
@@WPTuts Yeah. My mistake. I was watching another video and posted here instead. No worries.
Very similar to what ACSS does, feels like ACSS has a better grip with Bricks.
It doesn't. How does one get the idea? ACSS was initially written for Oxygen and later got Bricks support, while AT is designed with and for Bricks in mind from the get-go.
ACSS is primarily a framework, with completely pre-built classes and variables and dictated workflow, while with AT you get the ability to create your own little framework. It is much more flexible.
@@RyudoFanel Exactly!
Way off Russell lol
do the video.
Or, you can learn some CSS and do it all your self ;)
To accomplish a project, bricks alone can't do. You need a couple of plug-ins.
Bricks features are half cooked. Lack basic features in form and woocommerce, no ajax popup, no mega menu.
Actually there is alot missing here. For example where are color transparencies? Also, when using that frontend playground you never show anything actually "working". There is a huge difference in showcasing "features" vs "working features".
Also the backend admin, definitely needs to be condensed. ACF has even shown developers how to condense these backends that developers have put together. My point is in your video do you see how far your scrolling in the typography settings? That's crazy!
Sorry, as a developer this needs alot more work. AND, it doesn't even come close to OxyProps / BricksPops!
For example, while in the backend editor.. BricksPops right click menu and EVERYTHING is right there for you AND everything auto updates in the editor!
This plugin comes with ACF Pro
use the "Core Framework" or "Advanced Themer for Bricks" or both together?