How to Edit CSS in cPanel 11?

[zacsg]

It's good to know that "You can even edit CSS to modify font colors, font sizes, table borders, and more."

But how?

The closest thing I can find is, live edit a language file (i choose x3 theme) - branding editor - edit this style - edit stylesheet -

Now the stylesheet editor is on screen, with only one line:

body { background-color: #E6E6E6 }

Without any other reference, how could I know what to edit/add in the CSS file? Where to find the original stylesheet that I can modify?

Appreciate any help. Thanks.

[cPanelDavidG]

If you look at the source code via View -> Source in your web browser, you will see that elements on the page belong to various CSS classes. You simply need to enter in CSS code that modifies these classes to achieve the appearance you desire. Here's an example of some code (somewhat useless for practical application, but it conveys the basic concept):

body { background-color: #E6E6E6; }

.row-odd {
color: #FF0000;
}

[cpanelnick]

I'd also recommend firebug

http://getfirebug.com

it has a great css inspector