Chronoforms and CSS

It seems i have this whenever i use chronoforms with a joomla template I have created using artisteer (a handy template wysiwyg editor/creator). Creating a form, the form itself (text labels) will not actually inherit the css for forms/labels. Here is a link to the form I am building (not validated until the client approves, but I do have a license).

http://www.nwnf.org/contact

any way i can get the form labels to adhere to the template css? Or another fix?

Hi calsnoboarder ,

The site appears to be password protected so I can't see it. You probably have an overlap somewhere between the template and ChronoForms CSS. Usually you can fix these with a little targeted CSS in a Load CSS action.

Bob

I figured as much... I'll send you a PM with a user name and password to get into the back end so you can see whats going on (you can either log in to the front end or back end). Any advice or code examples you can throw my way would be greatly appreciated.

Hi calsnoboarder,

ChronoForms doesn't have an option to let you turn off just the CSS files (perhaps it should) but you can edit the files and comment out all of the CSS content using /* . . */ components/com_chronoforms/css/frontforms.css

The result isn't especially pretty though.

Bob

Hmmm... is there a way to add a css load to the form so the form indents 20px?

Hi calsnoboarder,

Sure, use a Load CSS action to add form specific CSS.

Bob

I'm pretty bad figuring this stuff out.. any chance you can give me a basic code example?

Hi calsnoboarder ,

Please try

form#chronoform_base_form {
  padding-left: 20px;
}

Bob

Hmmm... i tried adding that code to my LOAD CSS for that form and it does nothing... is it possible that the function is incompatible with artisteer templates?

Hi calsnoboarder,

Sorry, a little typo crept in - should be a colon after padding-left:

I've fixed my previous post.

Bob

Hmmm... no change with the new code... doesn't seem to do anything at all no matter what code I put in the CSS CODE LOAD. I previously sent you a login for the system, it will also allow you to get into the back end if you want to look at whats going on.

Hi calsnoboarder,

Fixed. Needed an !important in the CSS to over-ride the template settings.

Bob

That did the trick! Thanks!