[Resolved] Positioning Category Link on Home Page

Home Forums Support [Resolved] Positioning Category Link on Home Page

Home Forums Support Positioning Category Link on Home Page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #464506
    Robert

    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.

    #464866
    Tom
    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚

    #465128
    Robert

    Awesome. Thank you!

    #465191
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.