Join Carrie Dils for an in-depth discussion in this video Finishing touches with Jetpack Custom CSS, part of WordPress and Genesis DIY: Restaurant Website.
- Before I call a site done, I like to make sure the visual…appearance of the site hits the look I was going for.…I've made a handful of CSS edits to our site…to sharpen up the look.…For instance, I've changed out that pink color for a green…that matches Nadia's logo.…I'd like to make some additional edits and walk you through…how to do that.…Let's start with the layout.…This feels very wide to me.…Since this isn't a content-heavy site and we're not using…a sidebar, I'd like to decrease the overall…width of the page.…Let's go ahead and look at what's happening in the CSS…and see what we can do about it.…
To do that, we can use built-in browser developer tools.…In Chrome, Firefox, Safari and most modern browsers,…if you right click any element on the page,…it brings up a menu with Inspect Element as an option.…Let's click that.…Now what that does is bring up a new window with two panels.…On the left panel, you'll find the HTML markup…and on the right panel, you'll see the CSS styles.…Since I'm looking to change the width of the layout,…
Find more courses in this series in our WordPress DIY playlist.
- Making a basic content inventory
- Finding a suitable theme
- Setting up widgets and navigation
- Creating a menu with the Food and Drink Menu plugin
- Adding a responsive slider
- Using Jetpack for reservations
- Testing the site
Skill Level Beginner
1. Preparing to Build a Site
2. Picking and Configuring a Theme
3. Extending Functionality with Plugins
4. Going Live
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.