In this video, learn how to customize the menu's appearance with CSS.
- [Instructor] Let's write some CSS so the menu … and the label for the menu line up correctly. … Before I write any code, let me inspect the html … so I know what CSS selectors that I should use. … So, right-click on company info. … And here I see div class menu secondary container. … Let's go ahead and use that. … So I'll copy this. … And let's close this. … Go to my code editor. … And here I can see the existing CSS for the secondary menu. … Let's go ahead and change this … to menu secondary container ul. … And we'll make a duplicate one … for menu secondary container … and the paragraph tag. … Right now both these are just being shrunk down. … Let's go ahead and make sure they line up on the same line. … I'll change this to display. … Inline-block. … And the same thing for the ul. … Save both of these. … Go back to our site. … And now they line up on the same line. … One more thing. … Let's add a little bit of space here. … So I'll go back to the code, … and under the paragraph only I'll say margin-right. …
- Setting up your development environment and editor
- Picking a parent theme
- Creating a child theme
- Including style sheets
- Creating and modifying styles
- Modifying functions
- Hooking functions
- Creating and modifying template files
- Adding menus and functionality
- Migrating theme files to a live WordPress site
Skill Level Intermediate
Using the exercise files1m 13s
1. Building on a Solid Foundation
2. Creating a Child Theme
3. Child Themes and CSS
4. Working with Function Files
5. Working with Template Files
6. Add New Functionality
7. Wrapping Up
Next steps1m 4s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.