How to Change Font Size for Product Name using Levels Theme

[laserdisc_king]

Does anyone know exactly how to change the font size of the product name on product pages using the Levels theme? The font size appears too big which causes the product name to take two lines to display. I'd like to make the font smaller so that the product name stays on one line.

[lesliekirk]

You'll need to adjust it via CSS. The product name uses an h1 tag. I recommend that you create a separate CSS file instead of editing the existing ones.

[laserdisc_king]

Thanks Leslie. I'm not very experienced working with CSS files. I have one site, my own, and it's been a while since I've done anything with CSS. My v9 store is not live yet. I'm thinking of switching to the "Base Ready Theme" from the "Levels Theme". If I look at a product page created with the Base Ready theme, it seems like there is more room on the first line for a product name.

[Bruce - PhosphorMedia]

If you have just a few style changes, you can also add this to the global settings Head Tag section:

<style>
h1 {
color: #777;
font-size: 23px; /* change size here 8?
line-height: 33px; /* you might need to change this too - check for two line titles (esp on phones)
}
</style>