Tag: CSS

How to Add Custom CSS Styles to Beaver Builder Elements

custom css beaver builder

After reviewing WordPress’s page builders in depth, I’ve found that Beaver Builder is my clear favorite, because it caters to people who want to do things right. Case in point: the Beaver Builder team have made it easy to add custom CSS styles to Beaver Builder elements. As with any front-end system, you can do a lot more with Beaver Builder if you understand CSS, and the software encourages this rather than trying to overcompensate for it.

How to Use wp_enqueue_style to Load CSS Stylesheets

Stylesheets are at the heart of making HTML pages look good, in WordPress and the web. And the way that we make CSS stylesheets load into the page in WordPress is using the wp_enqueue_style function. It’s not too complicated, but there a few common places that people new to using it will get tripped up. This Quick Guide will cover those, and then get you running in a step-by-step guide.

Minify CSS and JS with Autoptimize

A common piece of advice when it comes to optimizing the browser performance of your website is to concatenate and minify your CSS and JavaScript. There are many reasons and place you’ll see this recommended but Google PageSpeed Insights was the one that spurred me to action. And for me, I settled on a WordPress plugin called “Autoptimize” to make it easier for me to do it on this site. Autoptimize, if it’s not obvious, is a combination of the words “automatic” and “optimize”, and that’s just what it is, easy optimization of thing that are hard for non-developers to do.