From the course: WordPress: Building Child Themes
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Style new menu with CSS - WordPress Tutorial
From the course: WordPress: Building Child Themes
Style new menu 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. 10 pixels. There we go. Feel…
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.
- Ex_Files_WordPress_Building_Child_Themes_Starting_Site.zip
- Ex_Files_WordPress_Building_Child_Themes_2.zip
- Ex_Files_WordPress_Building_Child_Themes_3.zip
- Ex_Files_WordPress_Building_Child_Themes_4.zip
- Ex_Files_WordPress_Building_Child_Themes_5.zip
- Ex_Files_WordPress_Building_Child_Themes_6.zip
- Ex_Files_WordPress_Building_Child_Themes_7.zip