Support » Plugins and Hacks » Contact Form 7 update messed up form layout

  • Resolved flint_and_tinder


    I’ve just updated contact form 7 on a client’s site and now the form layout is messed up. It appears that an inline style of width 630px is being added to the last 2 p tags of the form. Where in the code can I change this to what I need it to be (450px) instead?

    site in question is Form sits at the top of the page, accessed via clicking on the contact tab.

    Any help here would be incredibly useful.

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi


    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of work.

    Yes I have Firebug thanks. The issue I have is that the last 2 p tags have an inline style of width 630px added to them from somewhere. I use it’s code somewhere within the plug-in files. Is there a way to discover where the p tags are obtaining the inline styling from using Firebug?



    Forum Moderator

    CF7 doesn’t add any inline style, so this must be coming from your theme or another one of your plugins.

    Odd that it only started happening when I updated the Contact Form 7 plug-in. Before then it was fine. Anyway I’ve fixed it now by adding an !important to the form p tags within my site CSS. This does a good job of overriding whatever it is that is adding the inline styling.

    I had the same issue with the select tag of the contact form. I couldn’t find the inline style code that messed up my website.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Contact Form 7 update messed up form layout’ is closed to new replies.