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.
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