WordPress.org

Ready to get started?Download WordPress

Forums

Fast Secure Contact Form
remove field labels and full css on form fields (16 posts)

  1. seozones
    Member
    Posted 2 years ago #

    I had my graphic designer build me a contact form that has the labels and fields drawn out so I was wondering if it's possible to remove the field labels and remove form text fields elements via a css file. is it?

    http://wordpress.org/extend/plugins/si-contact-form/

  2. nv1962
    Member
    Posted 2 years ago #

    Of course. Just apply display:none on the appropriate selectors and you're done. This question isn't about a plugin, it's a general, non-WP specific CSS question; check out the CSS Tutorial for more info.

  3. esmi
    Forum Moderator
    Posted 2 years ago #

    If you remove the forms text field elements via css, there won't be a real form to complete any longer. Just a pretty picture of a form...

  4. nv1962
    Member
    Posted 2 years ago #

    I suppose it depends on how you define "form text fields elements"...

  5. seozones
    Member
    Posted 2 years ago #

    Okay, this is good to know. So I want to remove the border on each form field and not display each label.

    Also, can I adjust the height between each form field. Again, I just want to display the curser instead my graphical form.

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    Agreed - which is why I'd need to see the form in question first before saying whether this is possible using CSS.

  7. nv1962
    Member
    Posted 2 years ago #

    Esmi speaks wise words. It really depends on how the form is coded (i.e. by the plugin you mention, which is quite flexible and allows a lot of tweaking) whether you can pick individual fields for detailed, custom formating.

    But it's still a CSS issue, not a plugin issue.

  8. seozones
    Member
    Posted 2 years ago #

    it appears that adding in a label activates a form field but I can place a class on it to hide it. same with each form field so I'll try that.

  9. seozones
    Member
    Posted 2 years ago #

    I don't see a custom css file with this plugin so I can use css to make changes. does it come with one built in?

  10. esmi
    Forum Moderator
    Posted 2 years ago #

    I can't recall if it does but you could always modify the CSS via your theme's stylesheet.

  11. nv1962
    Member
    Posted 2 years ago #

    Trial and error: put the style hacks in your theme's style.css and see if it works. Also, remember that !important is your friend.

  12. seozones
    Member
    Posted 2 years ago #

    okay, so in the source code, I see:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    I have a custom.css in my theme folder. What would I place in that css file to hide the label and also remove the border around the text field?

  13. esmi
    Forum Moderator
    Posted 2 years ago #

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

  14. seozones
    Member
    Posted 2 years ago #

    okay, thanks!

  15. seozones
    Member
    Posted 2 years ago #

    is it possible to add a style into a textfield such as:

    style="border:none"

  16. flashbuddy
    Member
    Posted 1 year ago #

    yes

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic