Custom Community
Post grid view layout issue in Custom Community v1.13 (5 posts)

  1. leontis
    Posted 2 years ago #

    Custom Community theme v1.13 has the following issue in the post grid view:
    - The grid is not evenly distributed depending on the amount of text in the title and excerpt of the posts. E.g. you have a title that is a little biger (lets say 10 words) and then you get 3 posts in the first row and 1 in the next etc.

    One can see this problem also if he/she zooms in or out while looking at the grid view.

    Please see http://www.emc-square.org/emc2/?page_id=5886

  2. Michael
    Forum Moderator
    Posted 2 years ago #

    try and add this to style.css:

    .listposts:nth-child(3n+1) { clear:left; }

    this should at least help with the problem in modern browsers.

    or you would need to edit the templates and find where the list of these posts is generated, and change the code to add a specicfic css class to each first post per row, to style this with 'clear: left;'

  3. konradS
    Posted 2 years ago #

    hi leontis, thanks for the hint, will be analyzed again.

    this will work out for your example now:

    div.posts-img-over-content { height: 360px; }

    modify the height as you like.

    all your post listings in image-over-content style will have this height then.

    hope this helps,

  4. konradS
    Posted 2 years ago #

    hi leontis, did it work out?

  5. konradS
    Posted 2 years ago #

    hi leontis, just pushed some fixes for that one too, please test at github ;) thanks for reporting! konrad


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic