Colour of product Text

[smudgie]

I would like to alter the product text but not the body text colour. Which bit of the CSS do I need to alter so it only effects the side menu?

Thanks

[jont]

Do you mean the navigation menu with the sections and subsections? If so look for the following in the Act_Primary.html template

<div align="center"> <span class="actxxsmall"> <font color="NETQUOTEVAR:BGCOLORCSS">
                    <script language="JavaScript">
					<!--
					document.write("NETQUOTEVAR:CARTCOOKIEITEMS&nbsp;" + getCartItem(3)+"&nbsp;<BR>");
					document.write("NETQUOTEVAR:CARTCOOKIEVALUE&nbsp;" + getCartItem(1));
					// -->
					</script>
                    </font></span> </div>

where you can change the font colour and size.

It would be probably better to remove the <font> tags and go for a object selector or a class selector from your CSS sheet eg: in the <div> tag:

<div id="menutext>

and then in the CSS create

#menutext {
font-family: XXXXXX ;
font-size: XXXXX ;
color: #XXXXXX ;
font-weight: XXXXXX ;
}

changing the XXXXXX values accordingly.

If it is the additional side boxes used in the Smart Theme for example again look for the code in the Act_Primary and surround with a <div id="sidemenu"> and </div> tags and add the relevent CSS details accordingly

[smudgie]

I'm not sure where to add the div id="menutext


<td bgcolor="NETQUOTEVAR:FGCOLORCSS" class="actlogout style2 actxxsmall actxxsmall">
<div align="center"> <div id="menutext">
<script language="JavaScript">
<!--
document.write("NETQUOTEVAR:CARTCOOKIEITEMS&nbsp;" + getCartItem(3)+"&nbsp;<BR>");
document.write("NETQUOTEVAR:CARTCOOKIEVALUE&nbsp;" + getCartItem(1));
// -->

This didn't work. I did amend the CSS also.

#menutext {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
font-weight: bold ;
}

Help!

[jont]

change : <div align="center"> <div id="menutext">

to : <div id="menutext" align="center">

and that should work

[jont]

Not sure if it is just the section you have copied but you will also need the closing </div> after the //--> comment

[smudgie]

I can't get this to work:

<div id="menutext" align="center">
<script language="JavaScript">
<!--
document.write("NETQUOTEVAR:CARTCOOKIEITEMS&nbsp;" + getCartItem(3)+"&nbsp;<BR>");
document.write("NETQUOTEVAR:CARTCOOKIEVALUE&nbsp;" + getCartItem(1));
// -->
</script>
</div>

I've added a </div> a the end of "center"> and various other places but the colour isn't changing.

Just realised, I'm altering the calculator area not the side menu which is:
NETQUOTEVAR:TOPLEVELSECTIONSTOP
<p align="left"><img src="spacer.gif" width="243" height="5"></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p></td>
<td width="186" valign="top">

Still not sure where to put the menutext div. Any ideas?

thanks

[jont]

SORRY SORRY SORRY been leading you astray copying the wrong code above <muppet>