Tabbed Products Pro Class Tags

[garland68]

Hello I'm new to Tabbed Products Pro and I am trying to change some of the class tags within the tabbed area but do not know where they are.

I know that in order to change the Product Name and Price Tags I go to tpl_product_info_display.PHP and chage it here:

<h2 id="productPrices" class="productprice">

But that does not change it in the tabbed area. It still says...

<h2 id="productPrices_tab" class="productGeneral">

How do I change these in the tabbed area? I only want to affect the look of the price and not everything tagged "productGeneral"

Thanks for any help!!!

[DWells]

Hello I'm new to Tabbed Products Pro and I am trying to change some of the class tags within the tabbed area but do not know where they are.

I know that in order to change the Product Name and Price Tags I go to tpl_product_info_display.PHP and chage it here:

<h2 id="productPrices" class="productprice">

But that does not change it in the tabbed area. It still says...

<h2 id="productPrices_tab" class="productGeneral">

How do I change these in the tabbed area? I only want to affect the look of the price and not everything tagged "productGeneral"

Thanks for any help!!!

I am not positive, but it seems to me you'd have to change the <h2 ... to something else (that isn't used in your style sheet, or that is already used and is the style you like)... if unused, you'd have to create it in your style sheet so it would do what you want.

again, I'm not sure if the above will work for what you are trying to do.

[garland68]

Actually when I view source i can see that is did change the class tag but it is much further down in the code and not in the tabbed area.

Here is the tabbed area where the change did not happen:

<div id="tabcontentcontainer">

<!--bof Custom sc1-->
<div id="sc1" class="tabcontent" style="display:block;">
<div id="ProductDescriptionHeader1" style="display:block;">
<h2 class="centerBoxHeading">Product Description</h2>
</div>

<div style="width:100%;">
<div id="productMainImage_tab" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascriptopupWindow(\'http://garlandskinandbody.com/index.php?main_page=popup_image&amp;pID=4\')"><img src="images/Ginger.JPG" alt="Ginger Citrus" title=" Ginger Citrus " width="150" height="97" /><br /><span class="imgLink">larger image</span></a>');
//--></script>
<noscript>
<a href="http://garlandskinandbody.com/index.php?main_page=popup_image&amp;pID=4" target="_blank"><img src="images/Ginger.JPG" alt="Ginger Citrus" title=" Ginger Citrus " width="150" height="97" /><br /><span class="imgLink">larger image</span></a></noscript>
</div><h1 id="productName_tab" class="productGeneral">Ginger Citrus</h1><h2 id="productPrices_tab" class="productGeneral">$4.75</h2>
<div id="productDescription_1" class="productGeneral biggerText">
Blend of White Tea, Citrus, and Ginger.



And here is the area down below where it did change:


<!--bof Product Price block -->

<h2 id="productPrices" class="productprice">

$4.75</h2>

<!--eof Product Price block -->



There just has to be another area that I missing that I need to change...

[garland68]

But when I make those changes it does change it but not in the tabbed area. Further down in the code I can see where it changed my class tag for the price.

If you view the source and can see that it is changed way down in the "Product Price Block" But it is not changed in the tabcontentcontainer.

[garland68]

The site and page address is...

http://garlandskinandbody.com/index....&products_id=4