Join Carrie Dils for an in-depth discussion in this video Solution: Add CSS to your theme, part of WordPress and Genesis: Building Child Themes from Scratch.
- Let's go through each objective from our challenge.…The first was to add HTML5 Reset…and default HTML elements CSS to our style sheet.…We borrowed heavily from the genesis sample theme…for both of these elements and then stripped out…the handful of things that we didn't need.…The second objective was…to include a Google Font in your CSS.…To do that, we used the wp_enqueue_style function…and then called in a specific style sheet…for the fonts that we wanted.…We reference wp enqueue script over in the WordPress Codex…to help gives direction…and also, the Google Fonts Getting Started guide…for developers to get that correct style sheet URL.…
Now, your theme may look completely different…from mine at this point and that's totally okay.…The mission here is just to understand…how you add in each of those custom components.…Great job.…
- Why build a theme from scratch?
- Creating a theme folder
- Creating the CSS and PHP files
- Adding a theme setup function
- Adding features and functionality to your child theme
- Styling the theme
- Adding content to widgets
- Making the theme responsive with media queries
Skill Level Advanced
1. Building a Theme
2. Setting Up Your Basic Theme Structure
3. Generating Site Features and Functionality
4. Building Out Your CSS
5. Going Further with CSS
6. Putting It All Together
Prepare your theme2m 31s
- 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.