I am trying to override my current theme's H1 tag on product view only.
Current CSS
styles.css
.product-view
h1 { background: url("../images/image.jpg") repeat scroll 50% 0 transparent;
border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
height: 28px;
padding-left: 20px;
padding-top: 6px; }
I have added a separate class with a unique H1 to override the above:
.product-name-new h1 { font-size:16px; color:#73472e; font-weight:bold; width:350px;}
I cannot seem to override the CSS, I have also tried entering the CSS directly in my view.phtml file:
view.phtml
<h1><style=font-size:16px; color:#73472e; font-weight:bold; width:350px;><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></style></h1>
As soon as I use the < h1> tag, it uses the original code and not the code I would like to use to override my products name.
How can I correctly implement a separate H1 tag on the product view that will not affect the rest of the theme?