*Almost* working with Baskerville…a little help?!
-
I am using a (just slightly) restyled version of the Baskerville theme.
I seem to have found the correct CSS selectors for the theme:
Navigation = .archive-nav
Next = .post nav-older
Item = .post-containerOnce I selected the Masonry/Isotope behavior checkbox, this *almost* works. (See my site at https://creativesanrafael.org)
It’s adding the new posts and *most* of them are correctly formatted with the CSS from the stylesheet. Here are remaining issues if anyone can help:
1) When they first appear, the boxes can be piled up and some of them aren’t sized quite properly. This is instantly fixed if I resize the window even a little (because the responsive theme triggers some kind of re-layout?) Can I make it trigger that with the “callback” code somehow, instead of having to resize the window (because users might not know to do that?)
2) The “Audio” and “Gallery” post types when they are appended by Infinite Scroll are not styling correctly (in fact the gallery post type is not working at all) even after triggering the relayout. If you go to https://creativesanrafael.org you can see there is a gallery and an audio in the first group of posts (loaded by the site) and then ones at the end (loaded by Infinite Scroll) and they are not looking the same…
I *think* that’s because these to types, where you insert a URL in the editing screen for it to call, are using some kind of script that needs to be applied again after the appending of the new posts…here is the code from content-gallery.php that calls the gallery
<div class="featured-media"> <?php baskerville_flexslider('post-thumbnail'); ?> </div> <!-- /featured-media --> <?php if($post->post_content != "") : ?> <div class="post-excerpt"> <?php the_excerpt('100'); ?> </div> <!-- /post-excerpt -->
And then here is the code from content-audio.php (the CSS that applies to the class “post-audio” you see here *is* being added…what’s missing is a whole bunch of CSS being applied to MEjs classes….mejs-controls, .mejs-time-rail and so forth).
<?php if ( $audio_url != '' ) : ?> <div class="post-audio"> <audio controls="controls" id="audio-player"> <source src="<?php echo $audio_url; ?>" /> </audio> </div> <!-- /post-audio -->
Thanks in advance for any help!!
- The topic ‘*Almost* working with Baskerville…a little help?!’ is closed to new replies.