My Contact Form have a lines between the fields to fill

  • Resolved alexander_sp

    (@alexander_sp)


    2 years, 8 months ago

    Hi everyone,

    It has lines between the fields to fill in and I don’t know how to remove it.
    Does anyone know how to eliminate the lines that are between the fields to fill.
    I enclose the code of the form, among the fields to fill in:

    <div>
<p><span style="font-style:italic; color:grey; padding-bottom: 20px; padding-top: 20px;">Atención: Todos los campos con * son obligatorios.</span></p>
</div>

<table class="formulario">
<tr>
<td class="formulario">Nombre<span style="color:#CE9108; text-style:bold;">*</span>:</td>
<td class="formulario">[text* your-name]</td>
</tr>
<tr>
<td class="formulario">Email<span style="color:#CE9108; text-style:bold;">*</span>:</td>
<td class="formulario">[email* your-email]</td>
</tr>
</tr>
<tr>
<td class="formulario">Empresa<span style="color:#CE9108; text-style:bold;">*</span>:</td>
<td class="formulario">[text* your-empresa]</td>
</tr>
<tr>
<td class="formulario">Teléfono<span style="color:#CE9108; text-style:bold;">*</span>:</td>
<td class="formulario">[tel* tel-190]</td>
</tr>
<tr>
<td class="formulario">Mensaje<span style="color:#CE9108; text-style:bold;">*</span>:</td>
<td class="formulario">[textarea* your-message]</td>
</tr>
<tr>
<td class="formulario">Política de privacidad (required)<span style="color:#CE9108; text-style:bold;">*</span>:</td>
<td class="formulario">[checkbox* your-country use_label_element "ACEPTAR"]</td>
</tr>
<tr>
<td class="formulario"></td>
<td class="formulario"><p style="line-height: 24px;">[submit id:envio "Enviar"]</p></td>
</tr>
</table>
Expand

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • raytan12

    (@raytan12)

    2 years, 8 months ago

    Hi,
    I think that is because you use a table HTML layout.And those lines are the borders of the table.

    Try to add the following CSS into your table class

    
table {border: none;}

    Hope this helps.

    Thread Starter alexander_sp

    (@alexander_sp)

    2 years, 8 months ago

    Thanks @raitan12

    How can I put table {border: none;} in HTML format?

    Thanks in advance

    Thread Starter alexander_sp

    (@alexander_sp)

    2 years, 8 months ago

    FINALY i USE THIS CODE AND WORK WELL:

    <label> Nombre (requerido)
    [text* your-name] </label>

<label> Empresa (requerido)
    [text* your-empresa] </label>

<label> Tu correo electrónico (requerido)
    [email* your-email] </label>

<label>Teléfono (requerido)
[tel* phone]</label>

<label> Mensaje (requerido)
    [textarea your-message] </label>

<div class="g-recaptcha" data-sitekey="6LcWzykUAAAAAJqz444yPZ1eG0s9IOPeJOBloLHl"></div>

Política de privacidad (requerido)
[checkbox* your-country use_label_element "ACEPTAR"]

[submit "Enviar"]
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘My Contact Form have a lines between the fields to fill’ is closed to new replies.

Tags