Hi,
try to add !important to each rule you define in your theme’s style.css (!) for si_CTF, but you have to add a lot of extra code then …
Assuming it’s your form No.1, try adding the following code to Atahualpa’s style.css:
`form#si_contact_form1 * label {
font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif !important;
font-size:1em !important;
text-align:left !important;
padding-top:5px !important;
color: red !important; /* just to see the effekt quickly - delete when done */
}`
(Adjust the form number in case … BTW, defining only one font is not a good idea - always define some alternatives as well.)
The better (quick and dirty ) way:
To easier get the si_CTF styles matching your theme's styles, you can disable the inline styles generated by si_CTF by simply commenting out some lines in the si-contact-form-display.php and do the whole styling in your theme's CSS.
Find the file in the plugin's folder:
../wp-content/plugins/si-contact-form/si-contact-form-display.php
Now find the block of lines beginning with
$this->ctf_form_style =
(~ line 9-16) and mark any desired or all of them as comments by adding // at the beginning of each line:
//$this->ctf_form_style =
Now si_CTF won’t print the inline styles, so your theme’s styles won’t get overwritten by the inline-styles. (Thus, the affected si_CTF admin CSS settings won’t take effect anymore!! So be sure to define extra styles in your style.css if needed.)
Of course you could strip down the whole ..display.php by deleting any code concerning styles 😉
For easier styling, I also added an ID for the div containing the form (line 28):
<div id="si_ctf" '.$this->ctf_form_style.'>
… and I changed the “required” message div (line 82/84 in the original file) into a paragraph (and applied a class .small to it):
$string .= '<div '.$this->ctf_required_style.'>'; ... </div>
became
$string .= '<p class="small" '.$this->ctf_required_style.'>'; ... </p>
@ Mike:
It would be really great to have a switch in the admin panel, though, to chose between inline styling via the panel and external styling via the theme. (It would allow a much smaller – alternative? – ..display.php as well.)
talpa
