CSS utility classes

How To
1

Hello,
This is a noob questions. Can I use my style.css(or another CSS file) for adding my own css utility classes(buttons, cards, etc.) and variables and have them show in the bricks builder? I’m using the bricks child theme. How would I enqueue the files. So for example if I had a class in my style.css called ‘container-width’, would that show in the builder when I create a theme?

Is it more ‘lean’ to just create styles in the builder itself without using a stylesheet?

Thank you.

2

Hey Kevin,

the utility classes you add to your child theme’s style.css will work as expected. They won’t be automatically suggested in Bricks though. This would need some custom coding. But if you just type in your class name and press enter you will see the styles being applied. And from this moment on this class will be suggested as well.

I created a small screencast to demonstrate. Hope it helps.

Best,

André

3

Andre,
That was very helpful. Thank you.

4

Use Advanced Themer for 3rd party css variables and stylesheets. It’s one of the best add-ons we’ve come across for any theme.

1 Like