Where is ChronoForms CSS

I've installed Chronoforms and have successfully created one form. I now want to modify the stock form CSS. I understand the built-in CSS can be disabled, and it can be over-ridden with custom CSS. It would help though to view the CSS that powers the forms in order to know how to best override it.

Pardon me if this has been covered but I can't find the info in the forum or tutorials. Where is the Chronoforms CSS on the server? I assume it's not available to change or inspect through the Joomla backend. I've looked around my site backend in the Component admin area, and then using an FTP client checking the templates folder and then the components folder on the server. I find Chronoforms CSS files in the administrator folders area and the expected component folder is there but it doesn't seem right that the frontend CSS styles would be drawn from that area of the site, and the CSS there doesn't seem to match all the classes found in a standard form.

[One minor aside: the FormCode tab warns against using <style> tags in the code that appears in the box but the form wizard inserted <style> tags anyway when I created my first form.]

Thanks for any help with this!

Joomla 1.5.15
http://www.twinoakscommunity.org
http://www.twinoakscommunity.org/test-forms.html

Hi jmccuneprCE,

The CSS you are looking for is in components/com_chronocontact/themes/default/css (assuming that you are using the default theme).

Bob

PS FireBug in FireFox is an excellent tool for finding the CSS that is actually being applied to a page element.

Thanks much for this swift helpful reply. Sorry--I have the FireBug extension to Firefox but am inexperienced enough to have not realized that Firebug would have answered the question.

Hi,
Well, it's not so easy to change the forms' CSS in Internet Explorer 8. Changes made to style1.css or style1-ie7.css don't work in IE 8.
Regards

Hi arvendal,

From memory the the style-ie7.css file is loaded for IE8, use View Source to check.

Bob

This is how it looks:

<!--[if gte IE 6]><link href="http://fib.se/joomla15/components/com_chronocontact/themes/default/css/style1-ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if gte IE 7]><link href="http://fib.se/joomla15/components/com_chronocontact/themes/default/css/style1-ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if !IE]> <--><link href="http://fib.se/joomla15/components/com_chronocontact/themes/default/css/style1.css" rel="stylesheet" type="text/css" /><!--> <![endif]-->

But nothing happens in IE8 when I make the same changes to style1-ie7.css as I did in style1.css (with good result in Firefox).
Does IE 8 really need a specific CSS?
Rgds

Hi arvendal,

That will load style1-ie7.css for IE8, you can always add an extra stylesheet for IE8 if you need it.

Bob

OK. Thanks!

Thanks all for the info, however I have a quick question:

What is the easiest, simplest way to get the ChronoForms CSS to match that of the active Joomla! template's?

I have tried copying and pasting the Templates form CSS styles into the Override CSS in the Forms Management and that didn't work.

Pleas, anyone who can help me here would be so greatly appreciated.

Thanks!

Hi trendwebsolutions,

Remove all the ChronoForms CSS - they you will just be using the template CSS.

Bob

Thanks that worked great. However, could you also tell me how to get rid of the Chrono "cf_button" so it uses the templated CSS defined button? Thanks so much!

Hi trendwebsolutions,

Edit the Form HTML to remove the class from the button.

Bob