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;
}



Join the Discussion
Write something…
Recent messages
mbouteiller Premium Plus
Hey Brian,

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
Reply
Harrysastar2 Premium
Hi, Monica, in answer to your question, yes, it can be done, see image below, which I think is what your require.

I'm ok, thanks, Monica. I've been in Benidorm, Spain since mid-November, 2020. I only came for 3 months but have been unable to get flights back to the UK under present restrictions both in Sain and the UK. Best wishes
Reply
mbouteiller Premium Plus
Hi Brian,

Thank you. Exactly what I want. Do you know if Generate Press Premium will let me do this or do I have to use coding?

Wow, Benidorm... I never of the place and looked it up. It looks very beautiful. Years ago, I went to Valencia, and that was quite lovely too. It might be awhile then before you can leave. Ummm, I think I envy you. You must be homesick, though.

Please take care and stay well.

Regards,
Monica
Reply
Harrysastar2 Premium
Hi, Moniica, as far as I am aware, you need to generate a css-class for each item in your menu in both the free and paid theme. You also need to add some css code to your Additional CSS to define the size of your border and the space between each item.

It isn't very difficult, if you're not sure how to do it I'll help you.with the coding. Once this is placed in the Additional CSS all you need to do is create a css-class for any additional items added later. Best wishes..
Reply
Harrysastar2 Premium
Hi, Yvonne, glad you found it helpful. Best wishes.
Reply
YvonneBray Premium
Thank you for creating a wonderfull tutorial in codes in CSS. I learned a lot today:
Reply
Top