Jump to content
Sign in to follow this  
johndb

Cforms widget width issue

Recommended Posts

johndb

The fields in the Cform widget run off the side of the page. I can't find an option to dictate the width of the form. Can anyone help? Thanks

Share this post


Link to post
Share on other sites
Kate

Do you have a link to your site, please?

Share this post


Link to post
Share on other sites
johndb

Hi Kate, My site is personalisedbirthdaybanners.com

Share this post


Link to post
Share on other sites
kastelic

Try this in custom code -> Custom CSS:

	.cform .single {
	width: 50% !important;
	}
	

Share this post


Link to post
Share on other sites
johndb

Hi Kastelic, This code affects the whole site, and every form in the site. I have found that a width of 95% brings the right edge of the form fields into view. But for some reason this code doesn't affect the message box, which is the bottom field (used for inputting the users comment). This box still hangs off the page (right edge not visable) I would've thought Cforms would have an option within the plugin to choose the width of the fields. Has anyone found a better form plugin to work with?

Share this post


Link to post
Share on other sites
kastelic

You can always make it more specific, for example

	#cforms-2 .cform .single {
	width: 50% !important;
	}
	

Use google Chrome to right-click and "inspect" elements so you can find the classes and IDs that you need.

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  

×