Posted 6 months 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.
Try using Firefox with the Firebug add-on for this kind of work.
http://getfirebug.com/
Posted 6 months 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?
CF7 doesn't add any inline style, so this must be coming from your theme or another one of your plugins.
Posted 6 months 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.
Posted 3 weeks 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.
You must log in to post.
