Need help with CSS styling

Hi everyone,

Newbie here. I want to override CF's CSS stylings (mainly reduce the font size). I figured out (I think) with Firebug that the name of the CSS style I want to work with is .form_element. But, I can't get it to change no matter how I enter the information in the form's CSS form code tab. Here's the latest I tried:

.form_element {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
float: left;
margin-left:30px;
margin-top:8px;
margin-bottom:8px;
width:85%;
}

What am I doing wrong? Thanks in advance for your help!

Jose

Hi baxterdown,

I'm not sure why that wouldn't work. Can you post a link to the form please?

Bob

Hi Bob,

Thanks for the reply. Sure, here's a link to the form

http://www.flwheatenclub.org/rescue/i-want-to-adopt

Let me know if you prefer to view my settings from the inside. I'll be glad to create a temporary login for you.

Jose

Hi Jose,

I can't see any sign of the CSS code being loaded from the Form Tab = the font-size is being set in components/com_chronocontact/themes/default/css/style1.css Note that changes there will affect all ChronoForms forms on your site usign that the default theme. You can copy the theme and edit the copy if you need to keep the original (use the Transform Form icon to apply a diffent theme to a form).

Bob

Hi Bob,

Thanks for checking. My point exactly. I'm inserting the CSS style in the Form's code tab so I wouldn't have to go into the actual CSS file. I'm PMing you login info so you can see my settings.

Thanks!

Jose