Post by lasa » Tue May 06, 2014 7:12 pm

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?


Active Member


Tue Apr 16, 2013 9:11 am

Post by jgsw » Tue May 06, 2014 11:43 pm

Hi lasa2

Create a new line in your stylesheet for h1:

Code: Select all

h1 {font-size:24px;}
If you have a responsive theme you may need to make a few more edits so that your titles look correct across all devices.


Quick Edit Admin Panel (40% off!) - CSS Unique (only $10!)
Sticky Admin Menu (Free) - Add Scripts & Styles to head (Free)

Active Member


Sat Mar 16, 2013 3:13 am
Who is online

Users browsing this forum: No registered users and 38 guests