If there is no additional theme in cforms-custom directory that the live site uses, they either have customized a stock theme (just look in the theme settings which one is activated) or they disabled the cforms theme for various (or all) pages. You can do that in global settings.
Thread Starter
wood1e
(@wood1e)
Hi
Thanks for that.
The theme, for the site is bespoke I believe.
And all that is in Global Settings is this: http://screencast.com/t/4vovXOy6
Where is there the ‘cforms’ theme?
What I am trying to work out if the CSS or whatever is controlling the style of form when using cforms, what has been removed when upgrading to cformII?
Once again many thanks
The cforms theme settings are not in Global Settings, they have their own menu item in the cforms menu, called “Styling”. It is not hard to find… On your demo site the current cforms theme is wide_open_no_border.
But – as I said – you can disable that theme for some pages, which you do in Global settings at first item “Include cforms header…”. Maybe the live site uses this feature.
If you gave me a link (not just a screenshot) to live site, I could tell you what is the case there.
Thread Starter
wood1e
(@wood1e)
Hi,
Sorry for the delay.
Many thanks for that, URL for site is here: http://bit.ly/2eIKPaY
Cheers
Thread Starter
wood1e
(@wood1e)
Hi,
I have found the ‘styling’ area and selected a css theme that closely matches what I Am looking for…I then edit it directly, just to make sure I am changing the right CSS file…but even when I take ‘form width’ from 400 to 100px nothing happens
Thread Starter
wood1e
(@wood1e)
Any news?
Can you point me in the right direction?
Setting “form width” would apply only to forms which do not have any width set. You should copy the plugins/cforms2/styling/wide_form.css that you use to plugins/cforms-custom/wide_form.css and adjust the url(../images/button-bg.gif) to url(../cforms2/images/button-bg.gif).
To set the right width for your form’s input elements you should have a look at the following section in the CSS file:
.cform textarea,
.cform input {
width:415px;
}
.cform select {
width:421px; /* attempt to have equal length */
}
Additionally, you should remove the background line in .cform label rule.
And you have to select the new custom CSS file in Styling section.
