H1 Heading

I'm trying to add H1 heading to the product name on the product page or title page but I can't seem to dictate the H1 size.
I see in my themes css:
h1, h2, h3, h4, h5, h6, .custom-font { font-family:Open Sans; }
h2, h3, h4, h5, h6 { font-size:18px;padding:10px 0px;line-height:18px; }
div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { background:url(../images/border.png) bottom left repeat-x;margin-bottom:10px;margin-top:1px; }
/* Header -> Logo */

div.header h1 { width:300px;padding:0px 0px 0px 10px;background:none; }
div.header h1 img { max-width:300px;margin-top:5px; }
This h1 seems to be set for the logo? in my case its an image so it doesn't make sense to me.

anyway, I don't seem to have any control over the h1.
How can I set a h1 size to say 24px?

Lasa2

Hi lasa2

Create a new line in your stylesheet for h1:
If you have a responsive theme you may need to make a few more edits so that your titles look correct across all devices.

jgsw