Jump to content
Sign in to follow this  
randomdejyahoocom

Cforms styling screwing up

Recommended Posts

randomdejyahoocom    0
randomdejyahoocom

I'm using several cforms and for some reason the styling is always screwy. I'm using WHP3. http://tyndale.lunariffic.com/admissions/ce-enrollment Notice, the radio fields have a huge left margin and the labels are stacked under the buttons. The regular field labels are very short. I can fix the regular labels, but the radio fields continue to elude me. I've uninstalled/reinstalled cforms, using a fresh download of WHP3. That didn't help anything. I've also completely deactivated cforms CSS styling, and that helped everything except the radio buttons. But I like styling, so I've left it on in the link above, Is there CSS anywhere else overlapping with this and causing the weird radio fields?

Share this post


Link to post
Share on other sites
cmunns    16
cmunns

It looks like this CSS was in the cforms stylesheet for some reason. Just add this to your custom code options or go in manually to cforms.css and edit it: ` ol.cf-ol li.cf-box-group, ol.cf-ol li.cf-box-title { padding-left:10px; } `

Share this post


Link to post
Share on other sites
randomdejyahoocom    0
randomdejyahoocom

Thanks, that got rid of the margin. Radio fields still aren't aligning, though.

Share this post


Link to post
Share on other sites
bryan-hadaway    3
bryan-hadaway

You can try adding this:

.cform input[type=radio]{display:inline}

Thanks, Bryan

Share this post


Link to post
Share on other sites
randomdejyahoocom    0
randomdejyahoocom

Okay, I have problems. It has to be WHP3 CSS overlap. I deactivated and deleted cforms, and then went to the database and deleted the cforms options. That erased all my forms, but hey, I want to figure out what's wrong. I have a fresh install of cforms, with all options completely reset, and I've removed the custom code from theme options. The radio buttons are still misaligned and indented. http://tyndale.lunariffic.com/admissions/inquire I'm looking into another form plugin that has a lot of features - Formidable Forms. But the features that cforms is offering for free cost $35 in Formidable. Does WHP3 /actually/ have specialized code to support cforms, or does cforms merely "come with the package"? Because if there's specialized code, I need to see it.

Share this post


Link to post
Share on other sites
Andrew    201
Andrew

Yes, there is specialized CSS syling the forms. In this case you need to "disable the cforms styling" under the forms options... this will allow the theme styling of those forms to take effect.. I think this is your problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×