please post a link to the page on your site where the issue can be seen
Thanks, but this site is still under development. I solved the problem by wrapping each track in an extra <div> element, like this:
<div class=”trackwrap”>[audiotrack title=”MyTitle” songwriter=”credit” mp3=”http://www.mysite.com/wp-content/uploads/2016/09/My_Song.mp3″%5D</div>
I did not style the div.trackwrap at all. But for some reason, this seems to have solved the problem. The theme is a child of Twenty Fifteen, no major custom CSS applied yet.
This “extra space between tracks” issue happens on a brand-new clean install of WP 4.7 with no other plugins and the (now default) Twenty Seventeen theme. Just bare WP 4.7 and Audio Album.
Would be nice if no div hack was required.
The div hack is not something I would recommend, and is not necessary.
I have tested the plugin on a new installation of WordPress 4.7 with the twenty-seventeen theme and it works perfectly for me without any unwanted gaps appearing.
The gaps you are seeing are probably caused by extraneous paragraph tags being added by WordPress’s built-in wpautop function.
Try leaving a whole empty line after each shortcode.
eg:
[audioalbum title="Test Album" detail="test" date="2016"]
[audiotrack title="Track One" songwriter="test band" mp3="http://testing.dev/wp-content/upload/test1.mp3"]
[audiotrack title="Track Two" songwriter="test band" mp3="http://testing.dev/wp-content/upload/test2.mp3"]
[audiotrack title="Track Three" songwriter="test band" mp3="http://testing.dev/wp-content/upload/test3.mp3"]
[audiotrack title="Track Four" songwriter="test band" mp3="http://testing.dev/wp-content/upload/test4.mp3"]
-
This reply was modified 7 years, 3 months ago by cubecolour.