Index Display on Chrome and Home Page

Hi Staci,

For the first problem it looks like I wrote dodgy stylesheet code ?? I should not have forced a fixed width and height in an attempt to get square boxes, but should have let them auto-size. The following CSS should fix it in Chrome for now, until I put-out a release that includes the same changes (note that on modern browsers this will mean slightly rectangular, rather than exactly square, boxes):

.az-letters ul.az-links li {
    // You may modify these to support older browsers. The values here are the same
    // as those in the plugin. For your particular font it appears that 2.2em will
    // work, but you might want to make it slightly larger to account for variances
    // in browser engine, which can change the way fonts are rendered slightly
    // between different vendors.
    width: 2em;
    height: 2em;
}

// These styles below shouldn't need modification. They're what I'm going to
// include in the plugin in a future release.
@supports(display: grid) {
.az-letters ul.az-links {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-gap: 0.2em;
}
.az-letters ul.az-links li {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0.1em 0.2em;
}
}

For the second issue I think this is due to my attempt at limiting the CSS to pages where the shortcode is present or the widget is active on the site. This would explain why adding/removing the widget is causing the change in behaviour. The good news is I anticipated such things, and so you can add into your theme or child-theme’s functions.php file a snippet of code to force the stylesheet to be included:

<?php
/* If the file is already in your theme then the line above is probably already 
there. It tells the server where PHP code is to separate it from HTML (you probably
know this already, but for completeness sake I've mentioned it :-) */

add_action( 'init', 'a_z_listing_force_enable_styles', 99 );

• This reply was modified 6 years, 11 months ago by Dani Llewellyn. Reason: add some more commentary
• This reply was modified 6 years, 11 months ago by Dani Llewellyn. Reason: slightly tweaked padding on css