Support » Plugin: A-Z Listing » only two columns

  • Resolved Matthias

    (@matthias70)


    Hi Daniel,
    at the moment the plugin shows three columns on my page.

    Is it possible to show results only in two columns?

    Thanks
    Matthias

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

    (@diddledani)

    Hi,

    You can change the number of columns by adjusting the CSS that drives the layout. This is currently much harder than it should be, and I’ve got improvements coming in a future version. For now, you need to adjust the CSS from what it currently uses to something that limits to two columns (You can add this using the theme customiser’s “custom CSS” feature, or add it directly to your theme):

    .letter-section ul.columns {
        column-gap: 0.6em;
        column-width: 15em;
        line-height: 1.6em;
    }
    .letter-section ul.columns.max-0-columns,
    .letter-section ul.columns.max-1-columns {
          column-count: 1;
          max-width: 15.6em;
    }
    .letter-section ul.columns.max-2-columns,
    .letter-section ul.columns.max-3-columns,
    .letter-section ul.columns.max-4-columns,
    .letter-section ul.columns.max-5-columns,
    .letter-section ul.columns.max-6-columns,
    .letter-section ul.columns.max-7-columns,
    .letter-section ul.columns.max-8-columns,
    .letter-section ul.columns.max-9-columns,
    .letter-section ul.columns.max-10-columns,
    .letter-section ul.columns.max-11-columns,
    .letter-section ul.columns.max-12-columns,
    .letter-section ul.columns.max-13-columns,
    .letter-section ul.columns.max-14-columns,
    .letter-section ul.columns.max-15-columns {
          column-count: 2;
          max-width: 30.6em;
    }
    Thread Starter Matthias

    (@matthias70)

    Hi Daniel,
    thanks for the code!
    Matthias

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘only two columns’ is closed to new replies.