CSS basics to improve your blog design

Naturally, as your blog represents you, you want your blog design to be gorgeous and unique. That’s why we created our Color Pack and Font Customizer plugins, so that you can choose a unique combination of fonts and colors to suit your style, without messing with code. But some of you love taking customization a step further to add site touches that are uniquely you. Today we’re sharing CSS basics to help you improve your blog design, with a step-by-step example of how to change the ‘read more’ buttons of our Presidio theme (and our process can be used with any theme, not just <em>press!).


What is CSS?

A quick primer for those of you who are new to code: CSS stands for Cascading Style Sheets, and it’s what gives your site, well, styleA line of CSS consists of two elements: the selector, and the declaration. The selector is the site element you wish to change; the declaration is the change you wish to make. Let’s take a look at a bit of code from our Presidio theme:

h2 {
    font: 30px 'IBM Plex Serif', serif;
    letter-spacing: .05em;
    font-weight: 200;
}

In this code, the h2 is our selector, and the font, letter-spacing, and font-weight lines are our declarations. This sets the font styling for any line in the WordPress post editor using Heading 2, or the <h2> tag. Keep reading “CSS basics to improve your blog design”

Ask Us Anything!

Recently, we put out a call for Ask Us Anything questions over our newsletter and social media channels. Today, we’re excited to share all the responses to your burning questions! Most of your inquiries focused on blogging and blog design, and we’re excited to dive right in… Click on through to read the questions and all our answers!

Keep reading “Ask Us Anything!”