Ancient Geekery

Using CSS in Elementor

As good as Elementor is there will come a time when you just need it to do a little bit more and that’s when knowing how to use custom CSS inside of Elementor will really help and, what’s more, avoid you having to spend money on additional plugins.

Many people will be running scared of CSS because it’s a programming language and they ain’t no programmer!  But, we’re not suggesting you need to be a CSS expert or be able to write CSS fluently, you just need to be aware of what its potential is and, from there, there are many online resources to help you actually use it on your pages. Let’s kick off then with the definitive CSS source of help W3 Schools.  This entirely FREE resource will tell you everything you need to know and, not only that, provides you with an interactive “Try it for yourself” feature so you can play around with the CSS to become familiar with it.

Of course, with any “programming language” it has constructs – it need to be written in a certain way but once you’ve got the hang of curly braces { } and where to use semicolons and colons, it’s pretty straightforward.

One common confusion is the very thing that makes CSS so very powerful – CSS stands for Cascading Style Sheets and CSS does just that, it cascades!  What that means is that, say, a web page has some CSS which makes the text on that page blue.  This would look like:-

body {color: blue;}

… and that single line will do just what it says on the tin, in fact, it’ll do it on every page and in every element until you tell it to do something different. In other words, it cascades throughout the site.

Share on facebook
Share on twitter
Share on linkedin