6.6.4 update changed list formatting, despite using super advanced mode

  • The 6.6.4 update changed the list formatting. The fonts are all bigger and there’s way too much space in between items. Here’s a link to screenshots of the two versions.

    Rolling back to version 6.6.3 fixed the problem, so the issue is definitely with the update.

    I have Super Advance Mode enabled, but do not specify a value for the “Grouped list format”, so presumably am using the default. Is there an easy change I can make to go back to the previous default layout or do I need to specify the contents of the “Grouped list format” field in the Formatting tab to get the more compact old format back?

    The page I need help with: [log in to see the link]

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

  • Add the following custom CSS (by going to Customize and then select Additional CSS):

    .em.em-list {
        grid-gap: 0;
    }
    .em.pixelbones h2 {
        font-size: 20px !important;
    }
    Thread Starter naturevancouver

    (@naturevancouver)

    Thanks for your prompt reply.

    That CSS change slightly reduces the spacing between list items, which is a modest but improvement but the resulting layout is nowhere near as nice as the 6.6.3 version. The most visible effect of this CSS change is to make the month heading (e.g. Feb 2025) too small and move it too close to the visual calendar. I added a screenshot to the google photos album, then reverted the CSS change.

    I want to get back to the more compact representation of the entire list that we had in 6.6.3, where the month heading is slightly smaller, the individual item headings are smaller than the month headings, the body text is slightly smaller and the spacing between all of these is much less than the 6.6.4 default but still has nice proportions. You did a good job with the 6.6.3 defaults.

    I suspect this will be true for most of your users, which is why I filed this ticket instead of just struggling through making my own custom version to paste into the “Grouped list format” field in the Formatting tab.

    Plugin Author Marcus

    (@msykes)

    This is due to a fix we implemented which solves the problem of AJAX pagination in shortcodes, but inevitably added some HTML tags wrapping your shortcode that lets our style override yours. You’d probably have noticed this in earlier versions if you were only using the events page, due to the way we override styling.

    I think you can fix this by setting Events > Settings > Styling Options > Individual Components > Events List to Basic or otherwise None, so that your styling takes precedence.

    • This reply was modified 3 weeks, 2 days ago by Marcus.
    Thread Starter naturevancouver

    (@naturevancouver)

    Thank you very much for your help, Marcus!

    Choosing “Basic” improves the overall look but there is still too much space between items. Choosing “None” gives a result close to the 6.6.3 styling.

    This solution is sufficient for my site, but you might consider reducing the amount of whitespace in the default layout.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.