Webalution's Tech Share

After wrestling a bit with the WordPress editor I decided the best way to make style sheet changes to the INove WordPress theme was to modify the themes style sheet and reference my custom style in a div element.

Make changes to the INove theme’s style sheet by going to:  Dashboard>Appearance>Editor and under Styles in the right column double click on “Stylesheet (style.css)”.  I had to add the following custom style to the bottom of style.css for it to get recognized.

.command_line {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #000000;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
padding-bottom: 2px;
}

Update the changes in the INove style sheet and go back to the WordPress editor to add the div elements.

Then

<div class="command_line">my command line text</div>

does the trick.  Also switching back and forth between Visual and HTML view in the WordPress editor doesn’t appear to disturb the div element.