Change look of custom text box

Ok ok.. drum roll please,

I've created a custom text field (brilliant right? it even works and is in the right place!) and I need it to look different on the category listing page... (its ok on the product page).

Have a look if you need to see what I am jabbering about dev.bff4u.com.au/index.php/shop

The text box is called "Name" and since its on a black background I need it to be white or light grey and when you click the product its ok the way it displays on that page (you can see it). So how do I figure out WHERE to change its css details?

THANKS! Susan

Hi,

You have to create specific CSS rules.
www.hikashop.com/en/support/documentation/faq.html#css
www.hikashop.com/en/support/documentatio...ize-the-display.html

Regards,

Hi Jerome,

Thanks for your thoughts. I took a break from this and came back to it. I have the following questions to clarify a few things about how/where things work: (Please note I am still just trying to change a custom element inputbox colour because you can't SEE it in the product box)

1) If I edit the Hikashop/Config/Display/CSS front-end file nothing changes
2) When I reinspect with Firebug, I can change and get a white background (remove the background: url("../images/black-04.png") but fire bug says its in the main.css and also really I should be able to see this element in one of the views in display (tried but no joy).

How do I know where to change what? I saw lots of references to the product name and display info in the front_end.css but when I inspect I see it references the main.css Should I just go to the file server and find the main.css and edit it there? So close but I don't want to start hacking things in the wrong area and screw things up for myself along the way.

Thanks for your thoughts.

Susan

Hi,

Yes you have to edit the main.css file, your template seem's to be overriding our css file properties.
The file should be in "templates/yourTemplate/css/main.css".