Attribute Label Styling

[Inxie]

I have my attributes set up in a way that only the label is seen and can be selected. It works perfectly however there is one problem when I want to target the elements individually...

This is a picture of my current attribs layout vs what I want to achieve.




--
How can I target the colour attributes individually with CSS? I don't know how to use adjacent selectors for this or if that would even work.

The webpage is: http://www.pazzle.co.uk/index.php?ma...&products_id=3

[gjh42]

You can set up radiobuttons with image swatches, and set them so that only the images show. I haven't looked at those in a long time so would have to refresh my memory on exactly how, but it is in the option name/option value/attribute controller system in admin.

[Inxie]

Ahh okay, I guess I could do that but to be honest it would be easier for me to just set a background colour with CSS, same outcome right?
- All I need to know is how to target them separately.

[Inxie]

They have unique ID's, for example 'Blue' has

id="attrib-3-9"

But when I try

#attrib-3-9 label {background-color:blue;}

it doesn't work, any idea?

[gjh42]

The label is not inside the input, it follows it. Try

#attrib-3-9+label {background-color: blue;}

[Inxie]

You're too clever, just.. too.. clever..