main page font size

[snow-man]

ok, thanks for that. I have managed to change the "name" and "email address" font size. I have also downloaded the developers plug-in which is really useful - thanks.

Obviously I don't understand how the stylesheet works. Its confusing as some elements seem to have the same controls but when you make a change different things seem to happen e.g. using the developers plug-in I have identified the controls for the "snow-kit.com" and telephone number on the Contact Us page. When you make these changes the font size in the .sideBoxContent changes as well. This seems to be controlled by:

h4, h5, h6, label, h4.optionName, legend, address, .sideBoxContent, .larger (line 51)
{
font-size: 1.3em;
}

but why are they different sizes even though the stylesheet calls 1.3em?

[stevesh]

Using the em for font size rather than,say, pt causes the font you're setting to be a percentage of the font size of the parent element.

So, the font size of the parent element (body, for example) is considered 1em, and if you set a font relative to that to 1.3em, it'll be 30% bigger.

It's done so websites scale properly in different browsers, screen resolution, etc.

There are some really good, and understandable, CSS tutorials on the Web. Knowing a little about it makes it a lot easier to template Zencart.




h4, h5, h6, label, h4.optionName, legend, address, .sideBoxContent, .larger (line 51)
{
font-size: 1.3em;
}


Most importantly, you can split these types of elements, so that legend, for example would be on its own. So,

h4, h5, h6, label, h4.optionName, address, .sideBoxContent, .larger (line 51)
{
font-size: 1.3em;
}

legend {
font-size:1.Xem;
}


That might fix what you're dealing with.

[snow-man]

Excellent Stevesh - that seems to have solved some of it - I'll work through all the issues in the same way.

Many thanks