Tag: CSS





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.


How to Add Custom CSS Styles to Beaver Builder Elements

custom css beaver builder

Beaver Builder is my favorite WordPress page builder by a mile, and it becomes significantly more powerful if you know CSS. This video guide quickly walks you through efficiently adding CSS styles to Beaver Builder elements—both modules, and the HTML elements inside those modules.



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.



How to Conditionally Enqueue a JavaScript File in WordPress

Enqueuing is the WordPress way to add a stylesheet or JavaScript file on a page. We already published a Quick Guide about including your JavaScript in WordPress. This time, though, we’re adding an extra wrinkle: how do you only enqueue a JavaScript file on certain pages of your WordPress site. That’s the focus of this here Quick Guide.

The WPShout Pro Community is here! One-to-one help. Never be stuck again. Master WordPress development. Take a look
Hello. Add your message here.