contactform7 проблемы с дизайном стола

Question

Вот ссылка контактной формы. http://wallflowerstaffing.com/join-us/

Как вы можете видеть, между каждой строкой есть тонкая грань, и я пробовал много способов, таких как <table rules=none>, table{border-collapse: collapse; border:0;}, но никто из них не работал. Есть ли способ удалить все строки? Я собираюсь поместить форму на цветной фон, и эти строки действительно раздражают.

Кроме того, есть несколько выпадающих меню, но выпадающее меню слева подталкивает другое к правому краю страницы, и я попытался изменить ширину меню <td width="300">, но это не сработало ,

Я очень благодарен за вашу помощь.

Ниже приведен код контактной формы.

<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

Граница сверху прикладывается к вашему .entry-content tr td.

Так попробуйте это:

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

Что касается вашего второго вопроса, то вы должны быть в состоянии удалить в этих строках дополнительные <td></td> и это будет правильно делают.