Introduction to CSS
In our previous article, we discussed about choosing the right theme for your WordPress website or blog. We are going to follow up with useful information about customizing the theme for a full-branded experience from an aesthetic point of view.
The easiest way to customize the theme’s look (or virtually any website’s look) is through CSS.
First of all, the CSS acronym stands for Cascade Style Sheets. This type of files will define the way your HTML elements are displayed.
Why work with CSS instead of inline?
Inline styles are define directly into the HTML file, as opposed to CSS styles which are stored in external CSS files.
For example, this is an inline style:
<p style=”color: #00ff00;”>Green Text</p>
The main advantage may be overlooked if you are considering styling one or two pages, but imagine you have a blog with thousands of articles. If you wanted to change the way the titles or the links look – something really simple – you would have to go through every HTML file and make the changes. This would drive you crazy.
Needless to say, all WordPress themes make use of the CSS.
Where do I find it?
The file is usually called style.css and it can be edited via FTP or WP Dashboard. The easiest way for a beginner would be, of course, doing it through the platform. You can find under Appearance -> Editor.
What can you do?
For example, you can change the font size. If you find something like this:
all you have to do is modify the pixel size. For instance, if you want a smaller font for the H2 titles, change “40px” to – say – “30px”. Play with the value until you find it suitable.
Do you want to change the color of your links? Find something like this:
and change the hexadecimal values. You can find the colors here.
Always make a backup before changing anything.