WordPress.org

Forums

Contact Form 7
Styling a form (10 posts)

  1. TheChapterOne
    Member
    Posted 11 months ago #

    [Moderator note: Topic title de-capped. Please do not shout at us.]

    Hello,

    is it possible to style a contact form like this one here? Love the design but i don't get it to work like that :(

    http://www.pic-upload.de/view-23562573/Bildschirmfoto-2014-06-15-um-21.03.06.png.html

    https://wordpress.org/plugins/contact-form-7/

  2. buzztone
    Member
    Posted 11 months ago #

    It can be done but you would need some skill in styling with CSS.

  3. MzBeanz
    Member
    Posted 11 months ago #

    in which file would you attempt this?

  4. TheChapterOne
    Member
    Posted 11 months ago #

    hmmm okay, cause im a really noob at CSS xD

    Is there some easy steps to follow or is that more a hard thing to style?

    Right now i got no file ... its a idea how i like to get it ... :D

  5. buzztone
    Member
    Posted 11 months ago #

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

  6. m0nn
    Member
    Posted 11 months ago #

    Check out the plugin Contact Form 7 Customizer. Its way easier than messing around with the CSS if you don't know what you're doing (like me!!)

  7. TheChapterOne
    Member
    Posted 11 months ago #

    m0nn that sounds good but the only Contact Form 7 Customizer i found is not up to date for the new WordPress version ... its only Compatible up to: 3.5.2 :/

  8. MzBeanz
    Member
    Posted 11 months ago #

    Using a styler plugin is what jacked up the layout format.... I just added some custom css and all is well...

  9. TheChapterOne
    Member
    Posted 11 months ago #

    Okay .. yeah the ccs is here the problem xD im a noob at this and all that stuff i read in tutorials is not that stuff that i want to make ^^ so i don't now maybe i play a little bit with contact form 7 css ...

  10. MzBeanz
    Member
    Posted 11 months ago #

    I can try to help you

Reply

You must log in to post.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic