Join Carrie Dils for an in-depth discussion in this video Finishing touches with Simple Custom CSS, part of WordPress and Genesis DIY: Small Business Website.
- Now, call me picky, but I want to make sure the visual…appearance of the site hits just the right chord.…There's presently a couple of things that bug me,…and I'd like to add some Custom CSS to fix them.…For starters, I want more of this picture to show.…If you recall from an earlier movie, this is a widget…area, but I've chosen not to use any widgets here,…which is why this looks so squished.…Let's see what's happening in the CSS.…To do that, we can use built in browser developer tools.…In Chrome, Firefox, Safari and most modern browsers,…if you right-click on any element of the page, it brings up…a menu with Inspect Element as an option.…
Let's go ahead and select that.…Now, what this does is bring up a split panel where we can…see the HTML markup on one side, and the CSS styles on the…other, so we're focused on this div with a class of…top-image, and here's the styles for that, right here.…I think if I just increase the padding,…I can get the effect I'm going for.…I'm going to try 200 instead of 85.…Just so you know, what I did here is just a live preview…
Find more courses in this series in our WordPress DIY playlist.
- Understanding your site goals
- Making a content inventory
- Choosing a theme and plugins
- Configuring theme settings
- Finding and installing plugins such as Ninja Forms
- Adding custom styles
- Securing your site and managing spam