Masonry grid vertical alignment when listing entries from a given category

  • Posted in : Read WP
  • blairwarren
    Participant

    I’m upgrading to Read WP V1.1 and just noticed that the layout of the masonry-grid category listing page appears a little off.

    Specifically, the first entry of the right-most grid-column is “shifting upward” and aligning vertically to the page headline and not to the 2 grid columns beside it. So the resulting page layout looks like this:

    PAGE TITLE Grid Column 3
    Grid Column 1 Grid Column 2

    Rather than this:

    PAGE TITLE
    Grid Column 1 Grid Column 2 Grid Column 3

    My site is currently offline so I can’t post a link to the page in question, but this is happening with the standard Read WP 1.1 theme so you should be able to duplicate the issue easily. (If not, I can post a link to my page when my site is back online.)

    Any suggestions on how I can get the first entry of the right-most column to vertically align with the other 2?

    Thanks in advance.

    Mehmet S.
    Keymaster

    I will fix it urgently. Thanks for the feedback.

    Mehmet S.
    Keymaster

    Paste to Theme Options > Style > Custom CSS:

    .blog-masonry .page-header { width: 100%; }
    
    blairwarren
    Participant

    That fixed it. It looks great. Thank you!

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register