Category Archives: Wordpress

Custom CSS

Do you want to tweak parts of your WordPress theme and get them just so?

Then you need to enable the Custom CSS part of Jetpack. This saves you from having to get a child theme set up.  You will need to have a basic grasp of CSS and the rules that apply, especially specificity. Then with a browser inspector you can find the correct css to edit.

Custom CSS
Inspect the element you wish to change

Here is where I have got to with my Custom CSS:

h1 {
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
}

h2 {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}

p {
margin-top: 0;
margin-bottom: 5px;
}

.excerpt {
font-weight: normal;
}

.entry-header {
margin-bottom: 15px;
}

Want to learn more about Custom CSS?  then there are plenty of resources on the web or you can get in touch and arrange to have me help you get your WordPress site just as you want it.

CSS explained

Cascading Style Sheets (CSS) is a stylesheet language used for managing the look and formatting of a website.

The idea behind CSS is to separate the content of a website from its design. It includes elements like layouts, fonts and colors. This separation will save you a lot of time when you need to change the outlook of your website and keep the existing content. Once the CSS file is included in your pages, you will no longer have to edit the design of each new element you add to your pages – the CSS will take care of that.

CSS makes it easier to allow different people with no web design knowledge to add content to your website. Popular CMS systems like Joomla, Drupal or WordPress wouldn’t be the same without CSS.

The CSS files provide you with a lot of flexibility. Imagine that after you add all of your content, you want to change the color of your text or its font. If you use a CSS file, you will have to change only a single line. If the styling of your elements is added directly to the HTML code, you would have to make hundreds and even thousands changes. CSS allows you to make global changes as well as unique modifications to single parts of your website.