Home » Forums » Znode Storefront Forums » Discuss Technical Issues

H1 in style.CSS changes not being recognised

I am trying to remove/make white the background colour for h1 in the style.css for my storefront and no success. This is the line I have edited in the style.css file under "Global Styles"

From
h1 { font-size: 17px; background-color:#6074A6; margin-bottom: 10px; margin-top:0px; font-family:Arial;padding:10px 10px 10px 10px;}

To
h1 { font-size: 17px; background-color:white; margin-bottom: 10px; margin-top:0px; font-family:Arial;padding:10px 10px 10px 10px;}

And even
h1 { font-size: 17px; margin-bottom: 10px; margin-top:0px; font-family:Arial;padding:10px 10px 10px 10px;}

I have tried editing through the actual style.css file and also through the admin panel's "Edit CSS". Anyone have any suggestions?

‹ more Membership questions Credit Card numbers don't show up correctly in Excel ›

H1 is similar to a .Title

I noticed the same thing.

What you really want to do is modify the .Title class.

In fact, I dropped the stand-alone H1 since it wasn't useful, and put it in with the .Title classes.

Going one step further, I thought it was a really handy idea to combine all of the .Title tags together (so I don't need to update. each. and. every. one.), and this is my entry for what I would consider to be the "headings":

h1, .CategoryDetail .Title, .HomeFeaturedCategories .Title, .ProductDetail .Title, .Specials .Title, .Brand .Title, .Price .Title, .CrossSell .Title
{
color: #545454;
font-size: 24px;
font-weight: bold;
margin: 0px auto 5px auto;
padding: 10px 0px 10px 0px;
text-align:center;
}

It works great.

Mark
(FlipScript)

  • By flipscript at 07/07/2008 - 20:25
  • Login or register to post comments