Index tab vertical

The usual cause of this is the plugin being unable to detect your usage of the shortcode. This can happen if you’re using a page builder to insert the shortcode. To solve, you need to add the following to your theme’s functions.php file:

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

Hi,
Thanks! works perfectly.

Is there any way I could change the typography of the index tab, the Letter heads and the letter contents? Using my page builder Elementor, I could only change the font colour.

Yes, you can change font and such with CSS. This can be placed into the “Additional CSS” box when you navigate to themes -> customize in the admin area. You want the following selectors:

.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 {
    /* This selects the letters along the top of the page */
}

.az-letters > ul.az-links > li a,
.a-z-listing-widget .az-letters > ul.az-links > li a,
.a-z-listing-widget.widget .az-letters > ul.az-links > li a {
    /* This selects the letters if they are links - i.e. there are entries for the letter
       (if you want to remove the underline, you need to use this selector) */
}

.letter-section h2.letter-title {
    /* This is the heading of each letter indicating the list of items for the letter */
}

.letter-section ul.columns {
    /* This is the list of items for each letter */
}

.letter-section ul.columns > li a {
    /* This is the link to each item's page in the list of items
       (if you want to remove the underline, you need to use this selector) */
}

• This reply was modified 3 years, 5 months ago by Dani Llewellyn. Reason: remove immediate descender in items' link selector