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

  • Resolved flint_and_tinder

    (@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 http://www.yourlifestyleangel.com. 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

    (@esmi)

    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of work.
    http://getfirebug.com/

    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?

    esmi

    (@esmi)

    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.