WordPress.org

1. seozones
   Member
   Posted 7 months 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. Álvaro Degives-Más
   Member
   Posted 7 months 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
   Theme Diva & Forum Moderator
   Posted 7 months 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. Álvaro Degives-Más
   Member
   Posted 7 months ago #

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

5. seozones
   Member
   Posted 7 months 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
   Theme Diva & Forum Moderator
   Posted 7 months ago #

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

7. Álvaro Degives-Más
   Member
   Posted 7 months 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 7 months 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 7 months 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
    Theme Diva & Forum Moderator
    Posted 7 months ago #

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

11. Álvaro Degives-Más
    Member
    Posted 7 months 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 7 months 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
    Theme Diva & Forum Moderator
    Posted 7 months ago #

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

14. seozones
    Member
    Posted 7 months ago #

    okay, thanks!

15. seozones
    Member
    Posted 7 months ago #

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

    style="border:none"

Reply

You must log in to post.