Support » Fixing WordPress » WP-Contactform and CSS

  • Hi there,

    I implemented Ryan Duff’s WP-Contactform plugin which is so cool. However, when I tried to use it in a contact me type page, I find the form wants to hug the bottom of the page, which in this case is just a tad too far down to be really useful nor is it nice to have it so far down.
    Anyways, I didn’t even know it was there until Ryan pointed it out to me and suggested that I need to play around with the CSS style sheet!

    I had a go at it tonight, but really did not know what I was doing. Of course I could fill the entire page with lotsa text, but … ah… well…. Can anyone offer any good suggestions?

    Thanks!

    See the page here

Viewing 15 replies - 1 through 15 (of 27 total)
  • removing clear:both from .contactleft in the inline styles fixes the issue in your page in firefox.

    westi

    Thread Starter thebloke

    (@thebloke)

    Thank you. I commented out that line. That did the trick.

    Thread Starter thebloke

    (@thebloke)

    Opps. Now I see what you mean by “in Firefox”. It is still happening in IE. Hmmmm… Can anyone else help with IE?

    Just a wild guess: what if you comment with /* */? I didn’t know // comments CSS… maybe FF understands it?

    Thread Starter thebloke

    (@thebloke)

    No, unfortunately, that wasn’t it. I even tried removing the entire line, but it still didn’t do it. Bummer!

    If anyone else has an idea, I’d appreciate it!

    Anyone else using Ryan’s Contact Form plugin wish the styles were in the style.css file and not embedded within the header? I would love to see these out of the header but I haven’t been able to find a way to “deactivate them” in the plugin. It isn’t a problem, just an annoyance to have them on EVERY page even ones that don’t use the contact form. I only use it on a couple of pages, so why do I need the styles on over 500 pages?

    Thread Starter thebloke

    (@thebloke)

    OK, I contacted John Hesch the author of the theme I am using, and he got me to remove the style sheet at the bottom of the contact form. While it did change the look of the contact form, at least, it made it behave itself in IE!

    I commented out the line add_filter('wp_head', 'wpcf_css'); and added the css attributes to my own stylesheet.

    Thread Starter thebloke

    (@thebloke)

    Thanks, fuzzy_logic. I did see that add_filter(‘wp_head’, ‘wpcf_css’); line and wondered about it. I will try it when I get more time to play around. For now, I am trying to fix another IE problem which I have posted on another thread regarding my blog title.

    I’m also finally getting the form to work thanks to your instructions. Much appreciated!

    I cannot however find the css name for the form button. I need to call it something if I’m going to give it the same background color as my other buttons. Does anyone know what it is called? Also I cannot alter the width of the main text input field. Any ideas on that?

    Lorelle, I solved that by deleting the CSS in the plugin and then copying it into my own stylesheet. Removing the function made the whole plugin go out of whack, but the CSS can be removed. Which is nice because it loaded on every WordPress generated page, which was incredibly stupid.

    I’m new to this and I understand very little, but doesn’t the regular WP stylesheet get loaded on every generated page as well?
    I found that when I added these styles to my stylesheet, the form adopted the background color of my comment and search forms, which is nice. The button remains a different color tho.

    It does, but there’s a difference between loading a stylesheet and having the CSS load in the header of every single page. What Lorelle and I are complaining about (at least I know it’s what I’m complaining about) is the latter…the CSS for the contact form is right there in the page source in every WP generated page due to how the plugin is coded.

    Although I think the comments about the way the contact form handles the css is valid, I don’t think it’s particuarly constructive in the way it’s expressed – almost as if the man has made some huge crime against humanity – I take it the author doesn’t spend every waking moment browsing these forums.

    The best thing anyone can do here, if you have a legitimate query as to why the plugin was coded in such a way is to contac the author and ask him, or better yet, suggest it to him and let him know why YOU think it’s better. It’s better than talking to a wall. Or a Panda. Panda’s don’t really converse much in English. Unless they’re cars, and I’m drunk. I’ll save that story for another time

    I see what you mean then. Still… I’m sure there will be future improved versions. And one always has the option to use something else. Me… since I only really need one contact form, I’ll look for alternatives as well as tips on how to configure this one. But since I have no idea how to implement anything that is in more pieces than one snipplet of code that can be pasted into a template, I’ll probably use the plugin.

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘WP-Contactform and CSS’ is closed to new replies.