Post grid view layout issue in Custom Community v1.13

  • leontis

    (@leontis)


    11 years, 1 month 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

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

    (@alchymyth)

    11 years, 1 month 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;’

    konradS

    (@konrads)

    11 years, 1 month 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,
    konrad

    konradS

    (@konrads)

    11 years, 1 month ago

    hi leontis, did it work out?

    konradS

    (@konrads)

    11 years, 1 month ago

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

    https://github.com/Themekraft/Custom-Community

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Post grid view layout issue in Custom Community v1.13’ is closed to new replies.