kristi-lynn

If you're just doing it with custom code, you might try making the z-index higher.. generally you want it to be as low as possible but high enough to stay above everything else.. try: z-index: 999; It may go above some other elements on the page though (like the header maybe if you have that sticky also), so just lower the number until it's above everything else but below anything you want it to be behind. You could also just try z-index: 1; and see if that does the trick.. sometimes everything else on the page is already set for 0, so just upping it to 1 will do it. Sometimes if I'm testing from the lowest end, I'll try 1 first, if that doesn't work, try 10, if that doesn't work, try 100, etc. it doesn't matter what the number is as long as it's higher than everything else on the page (which is default 0). For the interested nerds like me—if you think of an x, y, z axis in geometry, the x and y axes are the horizontal and vertical directions of a flat plane.. the z pushes us into 3D space and comes out from the screen towards you, or goes behind the screen into the background.. the z-index is the level of that z plane, and the default is 0 (that's when things sit flat on the x/y plane).

good catch @paul2009 The bigger problem is it only works onload, so it doesn't work for entries that are loaded with infinite scroll.. gotta rework it a bit anyways..

I know this post is a little old, but since I just spent the time doing it, here's some code you can inject into the page header to add the year to the date output on Skye's blog listings. You'll want to add it to the "Page Header Code Injection" area (for the blog listing page, not on an individual blog post). <style type="text/css"> .day:after { content: ','; } </style> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> window.onload = init; function init() { var $year = $('.dt-published').map(function() { return $(this).attr('datetime').substr(0,4); }).get(); $( '.date-wrapper' ).each( function ( i ) { $( this ).append( '<span class="year">' + $year[i] + '</span>'); }); } </script> Hopefully others get some benefit from it!