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 fields - WordPress Tutorial
From the course: WordPress: Advanced Custom Fields
Styling the fields
- [Instructor] With our custom fields properly displaying, let's add a bit of CSS to make them look nice. We're going to talk through the CSS which you can find in the style.css in the Exercise Files. So we'll go ahead and copy this and paste it into our child CSS file. You'll notice that we're targeting classes that we've added, so we want to style our location by giving it a border, increasing the font-size, and adding some margin and padding. We're doing the same thing with our profile-friends unordered list. We are removing the list-style-type so bullets don't show up, and we're using flexbox to display friends in a nice grid. You'll also notice that we don't have specific stylings for the profile-description. Again, because that is a WYSIWYG editor, all of the formatting can be done right from the WordPress dashboard. Let's go ahead and save this file, and then, if we go back to the front end and refresh, you'll notice our location is bigger. It's got a border, and our friends…
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.