Width of form on Wordpress - Page 2

User 2287960 Photo


Ambassador
580 posts

Difficult to do on tablet but have you got the code inserted in a thirds column?

Keith
User 1948955 Photo


Registered User
21 posts

It would seem there is a third column, but there is not. It is a two column layout with the far right column smaller and for the widgets. The text on all the other pages behaves properly. The layout is 1200px wide with content (left side) set for 900px and the sidebar is 300 px--the default setting for the layout. Responsiveness is also enabled in the theme layout.

The height was specified in the exported code.

All my forms behave the same way on Wordpress and all are responsive.

Thanks

Gary
User 188640 Photo


Registered User
895 posts

Gary,

Try creating another page and see if it works. If it works on a new page just delete the existing page and recreate the page. It could be it just got corrupted. Let us know if that works.

Keith, I was wondering about the 2109 height as well but it almost looks like a three column layout.

Gary, go check on those two pages and make sure you haven't selected a different page template.
A Rose is Just a Weed in a Corn Patch!
User 2287960 Photo


Ambassador
580 posts

Looking at original code you posted:

Not sure what BC% is? The last form I did does not have any BC%

Keith
User 2287960 Photo


Ambassador
580 posts

Not coming up with an answer so far, tending to think it is the theme causing problem.

Standard Troubleshooting Procedure
1. Disable all plugins see if it works
2. Make sure everything is up to date – see if it works
3. Activate a different skin – see if it works
It is almost always the case that #1 fixes it.
User 2287960 Photo


Ambassador
580 posts

Think I have got it.

.entry-content code {
overflow: auto;
padding: 10px;
text-indent: 0;
white-space: nowrap;
border-left: 10px solid;
line-height: 1.5;
display: inline-block;
}

When I removed display: inline-block; it displays correctly.

I'll leave you to work out whether it should be inline or block.
User 1948955 Photo


Registered User
21 posts

Where did you find the inline code? I am unfamiliar with the code inline or block and do not see it in the WBF code.

Thanks

Gary
User 2287960 Photo


Ambassador
580 posts

Forget about the form, everything it is giving you is correct.

The problem is the css for the theme Nirvana.

http://indiananaturephotography.com/wp-content/themes/nirvana/style.css?ver=1.2.7

IMPORTANT!

Any changes made to this or any other of the theme's files will be lost at the next update.

To safely make customizations to the theme, for CSS-only consider using the theme's dedicated
"Custom CSS" field found under the Miscellaneous section of the theme settings page;
for advanced CSS and other customizations, consider using a child theme.
*/

Add following to custom css file

.entry-content code {
display: block;
}

Keith
User 188640 Photo


Registered User
895 posts

Keith,

The install I did has the same code in the CSS but the forms display fine. Of course I don't have the 'plugins' installed on my test domain so I'm going with a plugin conflict like you listed as usually the number one fix and I agree with that 100%.
A Rose is Just a Weed in a Corn Patch!
User 1948955 Photo


Registered User
21 posts

Thanks for the suggestions.

I deactivated all plugins and it had no effect (also refreshed the page).

I tried Keith's custom css file in the miscellaneous section and it worked! All three forms are now working

Thanks so much to Ernie and Keith for your help!

Gary


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.