This is how the customized website first looked when I activated the GenertePress free theme and added some headers and text as per the theme's stylesheet:


This is how it looks after customization:

Don't worry about the sidebar, that's stil to be customized, possibly in another tutorial.

That's about it for customizing the free GeneratePress theme, but remember, when you add any CSS code to Additional CSS it will apply throughout your website:posts and pages, fonts, font sizes, colors, horizontal rules, etc.But what if you want to change the color of text in a single paragraph, or a word or sentence in a paragraph? Use HTML, which overrides CSS.

The HTML code to change the color of a paragraph: <p style="color: #e60017;">

Your paragraph should now look like this

To change the color of a word or sentence in a paragraph you would need to use the <span></span> tag: <span style="color: #e60017;">words or sentence you wish to change</span> Your paragraph should now look likw this:


You may at sometime want to change the horizontal rule, I've done some training on how to do this that you may find helpful:

https://my.wealthyaffiliate.com/training/inserting-a-horizon...

I hope you have enjoyed this tutorial, or at least found it helpful. If you have, a comment/like would be most appreciated. Thank you and best wishes.



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