Stylesheet CSS Question about font sizes

[nehoward64]

I am wondering if there is some sort of compiled list of stylesheet commands with their descriptions? This is the issue I am having... My preferred editor is TinyMce, when I enter product descriptions, regardless of the font I choose, it defaults to what appears to be a "10" and us old, blind people have trouble reading it. If I select the text and change the font size, nothing changes... I'm wondering if there is a command, variable, option within a given stylesheet to set the font size for a 12 or 14 point and hence override the font size within the editor?

Any thoughts?

Thanks,

N

[gjh42]

There are lots of things already set in the stylesheet, but there are even more class or id tags provided in the HTML output but not used yet in the stylesheet.
Every template will have its own custom stylesheet, so the best way to find what is currently styled and what can be styled is to install Firefox and its Web Developer and Firebug extensions. These will let you look up information for any page element, and try different styling and see the effect in real time.

One of the basic style settings is in the body{} rule at the top of (most) stylesheets, where font-size is defined as a percentage. Increase that to increase font sizes throughout your site.

[nehoward64]

Thanks, that didn't seem to help though... it appears that the font size embedded in the product description overrides that which is in the stylesheet. I was hoping to not have to go through every product description individually to adjust the font size... oh well.. onwards and upwards...

[gjh42]

Stylesheet rules can override inline styling if you add !important to the property value.

#whatEver {font-size: 1.2em !important;}


You do need to have a handle (class/id/element/tag) to address the inline-styled element by. This could be
#productDescription font {}