Maverick Maverick - 3 years ago 332
HTML Question

Hide table border in Wordpress

I want to hide the table border of table within a Wordpress site. I already figured out, that my theme is setting the table border as standard and deleted the corresponding line of code.

My problem now is: The table border is still visible! Has someone of you guys a tip for me to solve this problem?

Here is a link to the website: http://studifutter.com/2732-2/

Thank you very much in advance.

Best regards,
Maverick

As requested, here you can see my current code:

<table style="border-color: #ffffff; background-color: #ffffff;" border="none">
<tbody>
<tr>
<td>
<h4>Über den Autor</h4>
</td>
<td></td>
</tr>
<tr>
<td style="text-align: justify;"><strong>Vorname Nachname</strong> tempor cum
soluta nobis eleifend option congue
nihil imperdiet doming id quod
mazim placerat facer possim assum.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam
nonummy nibh euismod. soluta nobis
eleifend option liber tempor cum
solute.</td>
<td><img class=" wp-image-2548" src="http://studifutter.com/wp-content/uploads/2016/01/Maske-300x225.jpg" alt="Häufiges Phänomen in Asien: Person mit Atemschutz. (Bild 2)" width="251" height="188" /></td>
</tr>
</tbody>
</table>

Answer Source

If you need to hide table border then use:

.entry-content table {
    border: 0px;
}

If you need to hide table's TR border then use:

.entry-content table tr {
    border: 0px;
}

To Hide TD borders then use:

.entry-content table > thead > tr > th, 
.entry-content table > tbody > tr > th, 
.entry-content table > tfoot > tr > th, 
.entry-content table > thead > tr > td, 
.entry-content table > tbody > tr > td, 
.entry-content table > tfoot > tr > td {
    border: 0px;
}
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download