Okay my mistake. I forgot one little thing that’s why they’re not lining up correctly. I forgot to add display: grid;
to netsposts-content area. Replace what I gave you on the first page with the following (just replace the liked ones – the different ones remain the same):
.netsposts-block-wrapper {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fill,minmax(300px,392px));
gap: 1em;
}
.netsposts-content {
display: grid;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-template-areas: "img-link" "posttitle" "postdate" "postexcerpt";
}
.link-img-wrapper {
grid-area: img-link;
}
.netsposts-posttitle {
grid-area: posttitle;
}
.netsposts-source {
grid-area: postdate;
}
.netsposts-excerpt {
grid-area: postexcerpt;
}
.netsposts-read-more-link {
display: block;
margin-top: 5px;
}
Note: Notice how the only difference is I added display: grid;
to .netsposts-content
I would change the CSS for you but I don’t know where you have it stored.
-
This reply was modified 4 years, 9 months ago by
johnzenausa. Reason: Don't know where Custom CSS is