Join Carrie Dils for an in-depth discussion in this video Adding custom styles, part of WordPress and Genesis DIY: Showcasing Photography.
- The site is really looking sharp right now.…There are just a couple of little things…that I'd like to fine tune to make it even better.…To do that, we're gonna use some basic CSS…to modify a couple of things on the site.…For starters, I don't like that my site title…is wrapping to a second line.…So in order to figure out how to change that,…I need to figure out what CSS is making that style.…I'm going to use Firefox's built-in web developer tool,…which means I can right-click…and click Inspect Element.…
Now, even if you're not using Firefox,…chances are high that your browser…includes some web developer tools as well.…So what this brings up when I click Inspect Element…is a split panel.…I've got my HTML markup on the left side…and then my CSS styles on the right.…So if I'm hovering over that site title area,…I can see that it's 300 pixels wide over in the CSS.…And then if I look at this header widget right,…I can see that that's got 800 pixels.…Now, I don't need all of those 800 pixels…since I don't have that many menu items.…
Ready for the next stage? Find more courses in this series by searching for Wordpress DIY..
- Preparing to build a photography site
- Making a content inventory
- Choosing a theme and plugins
- Configuring theme settings
- Setting up menus and social media
- Adding custom styles
- Securing your site and managing spam