[Resolved] Category and Tags Archive Post Title Alignment

Home Forums Support Category and Tags Archive Post Title Alignment

  • This topic has 5 replies, 2 voices, and was last updated 1 month ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1414152
    Rohan Verma

    Hi.

    In the category and tags archive pages, post titles are not aligned properly. Homepage is fine.

    Check the screenshot: https://prnt.sc/u44skf

    Pretty weird. On every archive page, only one is mis-aligned.

    #1414358
    David
    Staff
    Customer Support

    Hi there,

    you have used CSS Grid template areas to create that layout.
    But you have not specified any column widths, so they will resize to the width of their content. So short titles will take up less space.

    Try changing your CSS to this:

    .archive .inside-article {
        display: grid;
        grid-template-areas: 
                            "image content"
                            "image footer-meta";
        grid-template-columns: 200px 1fr;
    }
    #1414560
    Rohan Verma

    Hi, David.

    Still, some of the short titles are not aligned.

    Which value need to increase or decrease? Or can you check again what’s the condition now…

    #1414759
    David
    Staff
    Customer Support

    What i can see – they look fine to me.

    200px = the image area width
    1fr = 1 fraction, which will automatically fill any space available to it.

    #1415179
    Rohan Verma

    Yes. Thanks. It seems working now.

    #1415273
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.