• Resolved alexpoljot

    (@alexpoljot)


    Hi Daniel,

    Im working on a web-site and using your plug in. It works fine.

    I only have trouble wtith the width of the column. My full text is bloken into two linke and doesnt look good.

    As I understand, I need to modify this file :a-z-listing-default.css
    Exactly change column-width and each max-width to a desired value. I did it but nothing changed. Could you help me please.

     .letter-section ul.columns {
        width: 100%;
        box-sizing: border-box;
        column-gap: 0.6em;
    	column-width: 15em;
        line-height: 1.6em; }
        .letter-section ul.columns > li {
          display: block; }
        .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 {
          column-count: 2;
          max-width: 30.6em; }
        .letter-section ul.columns.max-3-columns {
          column-count: 3;
          max-width: 46.2em; }
        .letter-section ul.columns.max-4-columns {
          column-count: 4;
          max-width: 61.8em; }
        .letter-section ul.columns.max-5-columns {
          column-count: 5;
          max-width: 77.4em; }
        .letter-section ul.columns.max-6-columns {
          column-count: 6;
          max-width: 93em; }
        .letter-section ul.columns.max-7-columns {
          column-count: 7;
          max-width: 108.6em; }
        .letter-section ul.columns.max-8-columns {
          column-count: 8;
          max-width: 124.2em; }
        .letter-section ul.columns.max-9-columns {
          column-count: 9;
          max-width: 139.8em; }
        .letter-section ul.columns.max-10-columns {
          column-count: 10;
          max-width: 155.4em; }
        .letter-section ul.columns.max-11-columns {
          column-count: 11;
          max-width: 171em; }
        .letter-section ul.columns.max-12-columns {
          column-count: 12;
          max-width: 186.6em; }
        .letter-section ul.columns.max-13-columns {
          column-count: 13;
          max-width: 202.2em; }
        .letter-section ul.columns.max-14-columns {
          column-count: 14;
          max-width: 217.8em; }
        .letter-section ul.columns.max-15-columns {
          column-count: 15;
          max-width: 233.4em; }
    • This topic was modified 5 years, 3 months ago by alexpoljot.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Dani Llewellyn

    (@diddledani)

    Hi,

    It’s likely that modifying the CSS file in the plugin is not being reloaded by your browser due to the browser’s caching mechanisms. You might also have server side systems in place to cache the file or combine and minify all your CSS files.

    The recommended way to override the CSS is to use the theme customiser to include the modified CSS in the box labelled “Additional CSS”. To get to the customiser, navigate to wp-admin and then themes -> customise. In the customiser navigate to “Additional CSS” near the bottom of the menu on the side of the screen.

    Thread Starter alexpoljot

    (@alexpoljot)

    Thanks! I got it. Simple restart helped! I guess cashing war the problem.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Increase the width of a column. HELP!!’ is closed to new replies.