Home > Web Administration, WordPress > Changing the INove Theme WordPress Style Sheets

Changing the INove Theme WordPress Style Sheets

October 13th, 2009 Leave a comment Go to comments

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.

Categories: Web Administration, WordPress Tags:
  1. dotNetFollower
    August 14th, 2011 at 17:39 | #1
    Reply | Quote

    Hello!
    Nice post!
    If you need to get the iNove’s sidebar smaller, just read the following article – http://dotnetfollower.com/wordpress/2010/12/get-the-smaller-sidebar-of-inove-theme/
    Thanks!

  1. No trackbacks yet.