conten-grid.php misplaced entries

  • imdesignhome

    (@imdesignhome)


    7 years, 2 months ago

    WHen using content-grid.php for the loop of publications, the third entry is not in line with the first two and instead is placed below them.

    Furthermore, the text from the first two entries is not aligned and each entry is very close to the other, making reading difficult.

    Finally, how do I put the “Read more” link? (I’ve already ticked the option but nothing happens…)

    Site: http://www.imdesign-home.com

    Thanks!

Viewing 1 replies (of 1 total)
  • Chad Chadbourne

    (@shireling)

    7 years, 2 months ago

    It looks like you’re using a plugin to pull in a loop that shows pages in a single widget, is that right?

    If so (and if you’re trying to match your site to the demo shown here, I’d recommend using regular Text Widgets instead. That’s how the demo is set up.

    Each text widget has an image, a bit of text, and a link. The link is placed into the text widget manually, with HTML.

    If you do stay with the plugin you’re using, this CSS should help re-arrange the posts for you:

    @media screen and (min-width: 600px) {
    #siteorigin-panels-postloop-7 article {
		width: 31%;
		margin: 0;
}

#siteorigin-panels-postloop-7 article:first-of-type,
#siteorigin-panels-postloop-7 article:nth-of-type(2n) {
    margin-right: 3%;
    
}
}

    That won’t trigger the Read More links, because the grid template uses an excerpt, and not the content. To do that, you’d need to set up a child theme and modify the grid loop directly.

Viewing 1 replies (of 1 total)
  • The topic ‘conten-grid.php misplaced entries’ is closed to new replies.

Tags