WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Contact Form 7, wrong lay out and texts (13 posts)

  1. zynd
    Member
    Posted 1 year ago #

    I have tried to figure out why the lay out is not really looks what it should be,

    Basically ,,text,,Name or Subject,,it should above the field box, but now is stayed on the side and wrong place,,please help!
    http://quaglia.zynario.ch/contact

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

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    You will probably need to start customising your theme's CSS - possibly via a child theme.

  3. zynd
    Member
    Posted 1 year ago #

    thank you, Esmi,,
    the problem is,how to ? i have no idea,,,

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    Do you have any experience with CSS?

  5. zynd
    Member
    Posted 1 year ago #

    no not much but i can try,,to fix the problem,,

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    Then I'd suggest you try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    It will help you to identify what CSS is currently being applied to the forum's inputs and, therefore, what new CSS you need to add to your theme's stylesheet.

  7. zynd
    Member
    Posted 1 year ago #

    ok,,and what is wrong with it? now i installed and look up CSS,,

  8. fcvolunteer
    Member
    Posted 1 year ago #

    @zynd

    In your child theme's css try adding this:

    #commentform p, .wpcf7 p {
        margin-bottom: 32px;
    }
  9. zynd
    Member
    Posted 1 year ago #

    thank you Fcvolunteer

    I did add over css., right now it looks good
    but the texts are still on the right,,
    whatelse shoud I add?
    thank you suppi

  10. fcvolunteer
    Member
    Posted 1 year ago #

    @zynd I just looked at your site and I'm not sure where you put the css I suggested but it's not showing up on your site so you may have put it in the wrong place.

    Do you have a child theme? If yes, put the css I suggested in the child theme's style.css file.

    If you don't have a child theme then open the style.css file in your regular theme and go to line 1734 and replace

    #commentform p, .wpcf7 p {
        line-height: 300%;
    }

    with

    #commentform p, .wpcf7 p {
        line-height: 300%;
        margin-bottom: 32px;
    }
  11. zynd
    Member
    Posted 1 year ago #

    Hello Fcvolunteer,,thank you so much,
    the site doesnt have a child theme. I added it over style.css.

    but the result is remain the same,,,
    please advice

  12. fcvolunteer
    Member
    Posted 1 year ago #

    @zynd I checked your site and actually the code works fine in Firefox but I noticed that there was still a problem in Chrome.

    Change the

    margin-bottom: 32px;

    to

    margin-bottom: 34px;

    and that should do it.

    Sorry 'bout that.

  13. zynd
    Member
    Posted 1 year ago #

    Hello,,Fcvolunteer,,

    wow its worked now,,perfect!! i test with Firefox and Chrome,,,its good,,now

    all in place,,
    thank you so much,,

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic