Text size of Product Variants Drop Down List

[paulbeckett]

Hi

Can anyone point me in the right direction. I am trying to change the size of the text within the Product Variants Drop Down Lists

On Act_VariantListChoice I have changed:

<OPTION VALUE=NETQUOTEVAR:CHOICESELVALUE NETQUOTEVAR:ITEMSELECTED>NETQUOTEVAR:CHOICENAME

to:

<OPTION VALUE=NETQUOTEVAR:CHOICESELVALUE NETQUOTEVAR:ITEMSELECTED><SPAN

CLASS="actxxsmall">NETQUOTEVAR:CHOICENAME</span>

but this is not correct. If anyone can confirm how I do this i would appreciate it.

[NormanRouxel]

Formatting doesn't work within <option> tags. You should remove it.

However you can use CSS in the <select> tag. You'll find posts on doing just this if you search.

[paulbeckett]

Many thanks Norman.

Found this previous post under "select css".

As per the instructions below I changed the stylesheet and VariantListHeader and this has worked. However I have a quick question.

In the example below what does the "stylename" refer to. Even if I changed this to "test" it makes no difference?

<SELECT CLASS="stylename" NAME="NETQUOTEVAR:ATTRIBUTEREF">



*********
For the changes to display in Internet Explorer you must be using a style sheet theme.

1. Go to 'Advanced' menu and select 'Template Manager'
2. Select the 'Product Variants' tab.
3. Selct 'Drop Down List' | Header to open Act_VariantListHeader.html
4. Replace
<SELECT NAME="NETQUOTEVAR:ATTRIBUTEREF">

with

<SELECT CLASS="stylename" NAME="NETQUOTEVAR:ATTRIBUTEREF">

Use any css class defined in actinic.css this way.

If the theme doesn't use css, simply put <FONT> tags around the <SELECT>, the opening tag in Act_VariantListHeader.html and the closing tag in Act_VariantListFooter.html. However, the changes done this way will only display in Netscape Navigator browsers.
__________________
********************
Tracey
Actinic Software
www.actinic.com
www.actinic.co.uk

********************

[NormanRouxel]

There are several ways of defining style. CLASS="stylename" refers to a style defined earlier in the page.

This can be done either through a <style> ... </style> block or via a style file. Just google for a "CSS primer" and you should find some help.

The quick and dirty way is to use inline style e.g.

<select style="font-size: 8px; color: red;" ....... >