CSS fixes (where?)

Hi,

I am trying to fix a few display issues with this otherwise brilliant component.


Running Joomla 3.3.1 with Rockettheme Template and Gantry.
www.knitclique.com/index.php/free-patterns

The problems that I am having are:

1) the tag filter looks great in Safari and Chrome but is looks like absolute crap in Firefox. The options tab fields are too small for the default font.(see attached images) I'm not finding where I can fix that. Suggestions?

2) When you choose an option from the lists the highlight/hover font is readable but the static font is always white. Again I've spent hours looking all over the place for any css options here in this forum and have searched the files but between all of the folders etc that run this I can't find where and how to fix it.

3) how can I add some padding between the search box and the "search" button?

Your help would be greatly appreciated.

Thank you.

1) the solution to the dropdown abnormal padding, that masks part of the text, is here:
solidsystem.it/forum/custom-properties-3...module-css.html#2038

2) to change the color of the options of the dropdown (white-on-white), you need to edit the rule at line 162 of file media/jui/css/chosen.css
original: modified: or you can just add the following rule to your template
3) to add some space between dropdowns and search button, you can add the following rule to your template:

Great! Thank you.

I ended up going with