Join Morten Rand-Hendriksen for an in-depth discussion in this video Styling new content with CSS, part of WordPress: Building a One-Page Style Site.
…Now that the real content is displaying in each of our sections,…we can start using CSS to style the content to make it look the way we want.…So here I want to do several things.…I want to split the Call to Action section in two, so that we have…the Call to Action itself floating to the left, and the form floating to the right.…I also want to do the same to the Contact section.…So we get this information about the business on the left.…And the actual contact information on the right.…And I want to restyle the overall content so…that we get white font on darker backgrounds.…
And so that the font sizes are consistent and so on.…And for the services, I want to split each of these services into its…own little box and display them in a grid pattern with some hover effects so…that it's clear that you can navigate to teach of them in turn.…To make it easy for you to follow along as I do this,…I've created individual snippets of CSS that we can put it in one after the other…into the Style Sheet so you can see how each snippet takes effect on the content.…
- Creating a foundation for the front page with a child theme, styles, and dummy content
- Using custom queries to display content from different pages
- Adding testimonials
- Adding a custom menu
- Creating a scrolling effect