• Resolved nikoshaker

    (@nikoshaker)


    Hello,

    Thanks for your great work.

    I am currently redoing my website and I would like to know how to modify or remove (in CSS) the space between the columns of the grid of the categories archive page.

    I noticed the “column-gap” lines in the CSS files, but when I change the values, it doesn’t work… I must be wrong somewhere…

    Could you help me please?

    Best regards,

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Twentig

    (@twentig)

    Hi,

    Thanks for your message.

    To change the space of the grid for the categories page (on the Twenty Twenty-One theme), add the following CSS in the Customizer > Additional CSS panel:

    .archive.category .site-main {
        column-gap: 0;
        row-gap: 0;
    }

    Hope that helps,
    Tom

    Thread Starter nikoshaker

    (@nikoshaker)

    Thank you very much for your answer, I tried but it does not work unfortunately. I think it’s my fault because I forgot to tell you that I’m working with Twenty Twenty theme and not Twenty Twenty One.

    I found this solution in the meantime:

    element {
    }
    .tw-blog-grid #site-content .hentry {
    width:calc(50% -);
    margin-left: 0px;
    }

    I know the code isn’t perfect (width:calc(50% – ???), but it pretty much works, the problem is that the featured images don’t quite cover the entire width of the space.

    Can you help me again?

    Thank you in advance,

    Best regards,

    Nicolas

    Plugin Author Twentig

    (@twentig)

    For the Twenty Twenty theme, use the following code:

    .tw-blog-grid #site-content .hentry {
        margin-bottom: 0;
    }
    
    @media (min-width: 700px) {
        .tw-blog-grid #site-content .hentry {
            width: 50%;
            margin-left: 0;
        }
    }

    Hope that helps.

    Thread Starter nikoshaker

    (@nikoshaker)

    It works! Thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Grid Column archive gap’ is closed to new replies.