contactform7 problèmes de style de table

Question

Voici le lien du formulaire de contact. Comme vous pouvez le voir, il y a une ligne mince entre chaque ligne et j'ai essayé beaucoup de façons comme <table rules=none>, table{border-collapse: collapse; border:0;} mais aucun d'entre eux a fonctionné. Est-il possible que je puisse supprimer toutes les lignes? Je vais adapter le formulaire à un arrière-plan coloré et ces lignes sont vraiment ennuyantes. En outre, il y a quelques menus déroulants, mais le menu déroulant sur la gauche pousse l'autre sur le bord droit de la page et j'ai essayé de changer la largeur du menu <td width="300"> mais cela n'a pas fonctionné .

J'apprécierais vraiment votre aide.

Vous trouverez ci-dessous le code du formulaire de contact.

<tr> 
     <td width="300" height="80"><label>Gender 
     [select gender "Male" "Female"]</label><td> 
     <td width="300" height="80"><label>Fluent Language 
     [select language "English" "Spanish" "French" "German" "Italian" "Russian"]</label><td> 
</tr> 

<tr> 
     <td width="300" height="80"><label>Special Talent 
     [select Talent "Actor" "Dancer" "Model" "Musician" "Artist" "DJ" "Photographer" "Mixologist" "Make Up Artist" "Other"]</label><td> 
     <td width="300" ><label> Link to your website on social media 
     [url url-389] </label></td> 

Answer 1

Le sommet de la frontière est appliquée à votre .entry-content tr td.

Donc, essayez ceci:

.entry-content tr td { 
    border-top: none; 
} 

En ce qui concerne votre deuxième question, vous devrait pouvoir retirer le <td></td> supplémentaire dans ces lignes et il va rendre correctement.