alm-listing CSS breaks lists
-
The core CSS for the .alm-listing class/element breaks descendant lists because its styling for its own immediate child list is inherited problematically by later descendants. Using the child combinator (>) fixes this issue.
– replace ‘li{‘ with ‘> li{‘ on line 214 in /core/src/scss/ajax-load-more.scss
– replace all ‘.alm-listing li’ with ‘.alm-listing > li’ in /core/dist/css/ajax-load-more.css
– replace all ‘.alm-listing li’ with ‘.alm-listing > li’ in /core/dist/css/ajax-load-more.min.css
Can that be permanently added to the plugin? I don’t know if this would conflict with any other functionality as I’m using this very simply:
echo do_shortcode('[ajax_load_more offset="5" pause="true" ]');The plugin otherwise has worked like a charm! Thank you very much.
-
Hi @lostcommander,
Yes, I was actually thinking about updating this in the release Im planning for tomorrow.You could also make the update yourself and serve the CSS the way shown in the docs.
https://connekthq.com/plugins/ajax-load-more/docs/css-stylesheets/Cheers,
- The topic ‘alm-listing CSS breaks lists’ is closed to new replies.
