4×4 Grid

  • Hi,

    I′m having a big trouble in making my home page look like the Demo Template.

    The grid doesn′t keep the 4×4 structure.

    I′ve followed the previous posts about it but neither the regenerate-thumbnails or the number “Blog pages show at most” fixed it.

    I′ve made a research in the code and it looks like is something with the nth-child css.

    Please, if someone has any further suggestions I′ll be very happy!

    Here′s the link to the site https://www.paulavilhena.com.br

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter manevilhena

    (@himidia)

    Hello,

    I can′t believe it′s been 3 weeks without any reply from the developer about this bug.

    I′m giving thumbs down to this theme.

    The grid simply doesn′t keep 4 items on each line if I set to show more than 8 “posts”

    Manoel, I see on your website (paulavilhena) that you solved the problem about the grid not working.
    I have the same problem, can you please tell me: what does the trick?
    https://www.elshiddink.nl/

    I have the same problem because only 10 posts shows on a front page instead of 14…
    https://tinajeler.com/

    Thread Starter manevilhena

    (@himidia)

    Hi Elsh,

    For the grid to work I played with this styles in @media screen for responsive effects.

    #content article:nth-child(3n+3) {
    margin-right: 4% !important;
    }
    #content article:nth-child(4n+4) {
    margin-right: 4%;
    }
    #content article:nth-child(2n+2) {
    margin-right: 0 !important;
    }

    Also, of course, I set the number of posts I want to show in Settings>Reading.

    But there’s something strange, I need to have always a multiple of 4 posts published.

    Never understood it.

    Hope it helps.

    Thanks Manoel, I’ll try!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘4×4 Grid’ is closed to new replies.