[Resolved] Table Loop – Column 1 Offset Padding

[Author]

Posts

[benG-14]

Hi

I have a view set for blog posts on the homepage. All displays without issue, however column 1 appears to have no padding at the top but other columns do. Removing all css, the issue remains so guessing its something in the Loop editor.

Attached a screenshot for reference. Here is the code being used.

[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<table width="100%" class="wpv-loop js-wpv-loop">
<wpv-loop wrap="3" pad="true">
[wpv-item index=1]
<tr>
<td class="blog-item">
[wpv-post-body view_template="loop-item-in-blog-home-view"]
</td>
[wpv-item index=2]
<td class="blog-item">
[wpv-post-body view_template="loop-item-in-blog-home-view"]
</td>
[wpv-item index=3]
<td class="blog-item">
[wpv-post-body view_template="loop-item-in-blog-home-view"]
</td>
</tr>
[wpv-item index=pad]
<td></td>
[wpv-item index=pad-last]
<td></td>
</tr>
</wpv-loop>
</table>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]

CSS

.blog-item {
width: 32%!important;
border: none !important;
}

@media screen and (max-width: 600px) {
.blog-item {
width: 100%!important;
border: none !important;
}
}

table {
border: none !important;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}

table tr {
border: none !important;
}

table td {
border: none !important;
}

@media screen and (max-width: 600px) {
table {
border: none !important;
border-collapse: collapse;
}

table tr {
border: none !important;
border-collapse: collapse;
display: block;
}

table td {
border: none !important;
border-collapse: collapse;
display: block;
text-align: left;
}
}

[Shane]

Hi Ben,

Thank you for contacting our support forum.

Would you mind sending me a link to this page so that I can have a look ?

Thanks,
Shane