Change body text font size and colour in Studio Pro

[citilife]

I have just changed my theme to Studio Pro on my blog indieauthor.com and want to increase the size of the body text and darken the colour of the text, making it easier to read for people (my main use of the theme is as a blog so ease of reading is important).

I am very ignorant of CSS/html etc and wonder if someone can give me the code I would add to the stylesheet to increase font size (and spacing between lines if necessary) and font colour to a darker grey.

thanks in advance for your help, and apologise if this seems like a total newbie question.

[sangfroidweb]

Hi there! To change the color of the text, change the color in the 'body' declaration which starts at line 324 of the stylesheet.

Change where is says "color: #85889b;" to something darker like 'color: #000000;' (this is the hex code for black). You can change this to whatever hex code you want the base color of the text to be. Here is a reference for hex codes https://www.w3schools.com/colors/colors_picker.asp

To change the default font size, change the font size in the stylesheet declaration on line 321 of the stylesheet which is:

body > div {
font-size: 16px;
}

Just increase to something bigger like...

body > div {
font-size: 18px;
}

You can experiment with these values until you get the size and color you want.
Hope this helps!

Thanks!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[Author]

Posts