Adding classes to attributes.

[Inxie]

I am trying to follow this tutorial in order to change my attribute radio buttons into images: http://ryanfait.com/resources/custom...radio-buttons/

It requires the radio button to have a class like so:

<input type="checkbox" class="styled" />

How can I add a class to my attributes?

[Design75]

use the flexible attribute add on, and all will have a class

[kobra]

They already have a class

.wrapperAttribsOptions

[Design75]

Ok you are right. with flexible attribute all attributes get unique classes

[Inxie]

Ok you are right. with flexible attribute all attributes get unique classes

Thank, that's what I needed, unique classes as they will all have different images.

[Inxie]

They already have a class

.wrapperAttribsOptions

As far as I can see that class applies to the label and radio button, I need the radio button to have it's own class.

[gjh42]

You can address the label and the radiobutton individually under the wrapper class. If you have Flexible Attributes, it could look like
#wAttrib23 label {}
where 23 is the id of the option name.

To get the selected radiobutton, I would have to look at the code; I don't know off the top of my head how or if it is uniquely identified.

[Inxie]

I have installed the mod 'flexible attributes'. It doesn't seem to have given my attributes classes as suggested above, here is a screenshot of my source code after installation... http://i47.tinypic.com/209mvf8.png

As you can see we have input type, name, value and id, but no class.

I am trying to customize my attribute radio buttons following this tutorial: http://ryanfait.com/resources/custom...radio-buttons/
The first thing it requires is for radio buttons to have a class called 'styled'. I don't know if there is an easier way to achieve image radio buttons but so far this is how I plan on achieving it.

So, why hasn't the mod given the radio buttons classes as advertised?

[gjh42]

It doesn't need to give the radiobuttno a class if the wrapper for the radiobutton has a class; you can address all of the radiobuttons for Gender with #wAttrib2 input {}, or any one of them like #attrib2-4 {} or #attrib2-5 {}. An id is just as good as a class for styling an element, better in some cases.

[gjh42]

Reading the tutorial, I see that it uses javascript to address every instance of input, not individual ones as I thought you wanted. In this case, with js not having the same rules as CSS, you probably do need a class tag on the input itself. That would mean editing the tpl_ file, probably.