WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Contact Form 7 update messed up form layout (6 posts)

  1. flint_and_tinder
    Member
    Posted 2 years ago #

    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.

  2. esmi
    Forum Moderator
    Posted 2 years ago #

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

  3. flint_and_tinder
    Member
    Posted 2 years ago #

    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?

  4. esmi
    Forum Moderator
    Posted 2 years ago #

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

  5. flint_and_tinder
    Member
    Posted 2 years ago #

    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.

  6. herijunior
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic