Archived topic
Positioning Category Link on Home Page
3 replies · Started by Robert on January 6, 2018
Viewing posts 1–4 of 4
How can I style the category link on the home page so that its position is consistent? In its current state, the excerpt appears first, followed by a 'Continue Reading' link and then the category link. The category link should remain in that order but with it aligned with the right bottom corner of the image rather than be affected by the excerpt length.
CSS Grid is needed for this:
.blog .inside-article,
.archive .inside-article {
display: grid;
grid-template-areas: "title title"
"image content"
"image meta";
grid-template-columns: 40% 1fr;
}
.blog .entry-header,
.archive .entry-header {
grid-area: title;
}
.blog .entry-summary,
.archive .entry-summary {
grid-area: content;
}
.blog .post-image,
.archive .post-image {
grid-area: image;
}
.blog footer.entry-meta,
.archive footer.entry-meta {
grid-area: meta;
margin-top: 0;
}Let me know :)
Awesome. Thank you!
You're welcome :)
This archived topic is closed to new replies.
