WordPress.org

Support

Support » Plugins and Hacks » Contact Form 7 » [Resolved] Contact Form 7, wrong lay out and texts

[Resolved] Contact Form 7, wrong lay out and texts

Viewing 12 replies - 1 through 12 (of 12 total)
  • esmi

    @esmi

    Forum Moderator

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

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

    esmi

    @esmi

    Forum Moderator

    Do you have any experience with CSS?

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

    esmi

    @esmi

    Forum Moderator

    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.

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

    @zynd

    In your child theme’s css try adding this:

    #commentform p, .wpcf7 p {
        margin-bottom: 32px;
    }

    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

    @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;
    }

    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

    @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.

    Hello,,Fcvolunteer,,

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

    all in place,,
    thank you so much,,

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Contact Form 7, wrong lay out and texts’ is closed to new replies.
Skip to toolbar