Now the penultimate page: formatting the main text and adding background color if required. To change the font, font size, line spacing and paragraph spacing, add the following code to your Additional CSS:
p {
font-family: verdana, arial, sans-seriif;
font-size: 16px;
line-height: 1.5;
color: #000;
margin-bottom: 12px;
}
To change the background color. In customize choose colors and click on background color and you should see this:
Now you have two options: You can either use the slider until you find a color you like, or, if you know the color you want, insert it in the space provided. As you can see in the example, I wanted the background color to be the same as the title and menu bar so I used the hex code #ebffff.
I sometimes find when viewing some websites for a while that soliid black text on a white background can, particularly if line length is too long and line spacing too close, can lead to trouble focussing.
With this in mind, I changed the background color of the text area and sidebar to a light gray. If you wish to change these, enter the following code in your Additional CSS:
.separate-containers .widget {
background-color: #edeaea;
}
.separate-containers .inside-article,
.one-container .site-content {
background-color: #edeaea;
}
I'm very glad I found your tutorial. This is fantastic information. I'm not ready to do this part yet, but here's a question...
In your main navigation, is there a way I can put the navigation headings in each separate box with some spaces between them?
How are you doing? I hope all is going well for you. You're in Spain?
Kind regards,
Monica