From the course: WordPress: Advanced Custom Fields

Unlock the full course today

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

Styling the repeater

Styling the repeater - WordPress Tutorial

From the course: WordPress: Advanced Custom Fields

Start my 1-month free trial

Styling the repeater

“

- [Instructor] Now that our resume information is displaying on our profiles, it's time to use some CSS to style it. We're going to copy this CSS from the style.css file in the exercise files for this video. And then we'll paste them in our child themes style.css file right below the styles we added earlier. We're doing a few things here, again based on the classes that we've added to our resume fields. Since we added a container div called resume, we can target the entire section, and we add a bottom border as well as a top margin to space things out a bit. Since we added both the date and the title in the heading for tag, we're going to target the date span and then float it to the right. And finally, we're going to make the simple description stand out a little bit from the full description which is a WYSIWYG edit. If we save this, and then go to the front end of our website, we'll refresh the page, and you can see that things look a lot better. We have very clear sections for each…

Contents