From the course: WordPress: Custom Post Types and Taxonomies

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Styling your custom loop

Styling your custom loop - WordPress Tutorial

From the course: WordPress: Custom Post Types and Taxonomies

Start my 1-month free trial

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…

Contents