Setting up Core Framework for the Alpha template from Bricksmaven 👨 💻
In this video, I walk you through the process of customizing and setting up the Core framework for the Alpha template. I show you how to import your core files, make changes to the styles, and create a consistent design using semantic variables and custom selectors to improve your life. I also explain how to enable dark and light mode, set breakpoints, and add padding to sections. Follow along with the steps and start working with the Alpha template.
I totally forgot to show the copy and paste method through the Alpha Library. If you own a subscription you can only copy the blocks straight from the Alpha library and paste it into your project.
Chapters
00:00 Introduction
00:28 Logging in and Account Setup
01:03 Importing the .core file
02:38 Walkthrough colors
06:53 Walkthrough Typography and Spacing
07:16 Walkthrough components
07:46 Custom classes and variables
13:10 Match container width/Max screen width
14:50 Another way to add your default theme styling to Bricks to utilize Light and Dark mode
18:21 Ensure Core and Bricks share the same breakpoints
21:23 Importing the Alpha template blocks through the remote template
23:13 Conclusion
Get the Alpha template and speed up your development process ===
If you are interested in getting this block go to www.bricksmaven.com and get yourself a license which will give you access to 500+ blocks. We support ACSS, CORE and vanilla CSS.
Get access to 100+ blocks for Bricks builder for free ===
Visit Bricksmaven and test the Alpha template for free, You get access to 100+ blocks which you can copy and paste in your projects and use forever. The free gift comes with 3 different version: ACSS, CORE and Vanilla CSS. Try it out today, visit https://bricksmaven.com/#pricing
Get the Automatic CSS framework | https://automaticcss.com/ref/3/ | ===
Voted #1 Framework For WordPress Page Builders. Automatic.css (ACSS) is consistently voted the best framework for WordPress because it combines innovative features, True Builder Integration™, best practices, unparalleled support, and education.
Get the CORE Framework | https://coreframework.com/ | ===
Supercharge your web design game with Core Framework's robust toolkit to manage, organize, and reuse your stylesheets. Seamlessly create, customize, and control every aspect of your project with our unique visual GUI.