A-Z block display scrambled when grouped?

  • When I use the grouping capability of A-Z listing the block display gets scrambled like this:

    A D-F G-I J-L M
    – –
    C O

    That means part of the groups are too big to fit into the small boxes and are displayed one upon the other. Am I missing something? Is there a solution or a workaround?

    Regards,
    Ludwig

Viewing 1 replies (of 1 total)
  • Plugin Author Dani Llewellyn

    (@diddledani)

    Hmm, I suspect this is an interaction with your site’s font. I need to do better at sizing these boxes. In the meantime you can add some custom CSS using the theme customizer with code similar to:

    .az-letters ul.az-links li,
.a-z-listing-widget .az-letters ul.az-links li,
.a-z-listing-widget.widget .az-letters ul.az-links li {
    width: 2em;
    height: 2em;
}

    Above I’ve put the default values from the plugin, so you will need to change the width: 2em; to something slightly larger so that it fits. If you want the boxes to remain perfectly square then adjust the height: 2em; to match the new width value.

Viewing 1 replies (of 1 total)
  • The topic ‘A-Z block display scrambled when grouped?’ is closed to new replies.