HTML Table issues

artistajenkins · Member · Mar 8, 2017 at 6:27 pm
Copy link

Add topic to favorites
I created a 3×3 table on one of my website’s pages https://joshuajenkinsart.com/work/ and for some reason there’s this odd spacing between each row along with a faint line. How do I fix this? I’m assuming it probably has something to do with the CSS sheet, but unsure what to do. Please help. Thanks!

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Mar 8, 2017 at 10:59 pm
Copy link
Hello there!

Dropping this code in your custom CSS area should do the trick:
```
table td img, table td img.aligncenter {
	margin: 0px;
}

th, td {
	border: none;
}
```
If you have tables across the rest of your site and you don’t want them affected with the code above, then you’ll need to put in something like this instead to specify what page it’s for:
```
.page-id-1490 table td img, .page-id-1490 table td img.aligncenter {
	margin: 0px;
}

.page-id-1490 th, .page-id-1490 td {
	border: none;
}
```
Let me know if that doesn’t work!
Sage
artistajenkins · Member · Mar 8, 2017 at 11:39 pm
Copy link
Thank you! That worked. :D
innisfreehomestead · Member · Mar 8, 2017 at 11:49 pm
Copy link
No worries, glad to hear it!!

Sage

No items found.