Join Morten Rand-Hendriksen for an in-depth discussion in this video Styling the Testimonials section, part of WordPress: Building a One-Page Style Site.
…With the Testimonials displaying on my front page with the mark up I want,…it's time to apply CSS so…that we can style this to look nice because right now it looks pretty weird.…And here I want to get a little bit fancy.…First, I want to grab each of the images and…display them as a circle with a thick white border around them.…Underneath each of the images, I want to display the name of the person that leave,…left the testimonial centered.…And then I want to justify the text underneath the name.…I also want to display the testimonials next to one another on wide screen.…So we get testimonial one, testimonial two, and testimonial three.…And then on smaller screens with less width, I want the testimonial to…display with the image on the left hand side, and then the name.…And a description on the right hand side in a percentage with size so…that as the screen gets smaller all the content shrinks and we still have room for…all of it on the page.…To achieve this,…I'm going to use a relatively new element in CSS3 known as flexbox.…
- 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