From the course: WordPress: Custom Post Types and Taxonomies
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Styling your custom loop - WordPress Tutorial
From the course: WordPress: Custom Post Types and Taxonomies
Styling your custom loop
- [Instructor] With our event properly displaying, let's go ahead and add some styles. You can see that we have added special classes for related-events, that's the entire section and we've also added specific classes on the unordered list, events-list and the list it for event. Let's take advantage of these classes. We're going to copy the CSS directly from the exercise files for this video, so you can open the exercise files and we will copy them and then talk through the changes. So let's go ahead and do related-events first. Let's open up our style.css file inside of our child theme and we'll paste that first CSS. Here for the entire section, we're adding a light gray background, a darker gray border and we're adding some padding to the entire block so that we have some spacing to work with. Next are styles for the event-list and list items. Let's copy that. And then paste that into our style.css file. Here we're getting rid of the list style type which is the bullet. We're going…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.