Contact form not adapted to the side

  • Picture Link

    Hi,

I have built a website and notice that my table above fits, but the formula goes too far to the left.
Can this be adjusted?

Already had the obstacle that the writing became white, I was able to solve this using CSS and HTML.
Viewing 9 replies - 1 through 9 (of 9 total)

  • hi @masterfox5

    could you share the code you used in the form? or a link to the website?

    Thread Starter masterfox5

    (@masterfox5)

    Form

    • This reply was modified 3 years, 3 months ago by masterfox5.

    hi @masterfox5 try with this css code (customizer -> additional css)

    form.wpcf7-form label,
    form.wpcf7-form select {width: 100%;}

    Thread Starter masterfox5

    (@masterfox5)

    .wpcf7 input,
    .wpcf7 textarea,
    .wpcf7 select {
    color: #000000;
    form.wpcf7-form label,
    form.wpcf7-form select {width: 100%;}

    Yours is in red, why?

    because it’s missing a “}”

    try with this:

    .wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {color: #000000;}

form.wpcf7-form label,
form.wpcf7-form select {width: 100%;}
    Thread Starter masterfox5

    (@masterfox5)

    Thanks, better for text area. Not for my problem.

    to set a width and center the form add:

    form.wpcf7-form p {
    max-width: 600px;
    margin: 0 auto 15px;
}

    (Where 600px is the width of the form )

    noticed at the beginning of your form there is a tag <font color="#000000"> that wraps all the form inputs. you can remove it, isn’t useful.

    Thread Starter masterfox5

    (@masterfox5)

    Without the font color, the font remains white.

    So – max-width: 1150px; – is perfect.

    the text is white because this css rule @ ./themefolder/style.css line 6006

    main#innerpage-box div.wpcf7 {
    color: #ffffff;
}

    you may want to change it to:

    main#innerpage-box div.wpcf7 {
    color: #000000;
}

    but you don’t need <font> tag that isn’t supported in html5
    https://www.w3schools.com/tags/tag_font.asp

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Contact form not adapted to the side’ is closed to new replies.