• I was using this shortcode:
    [pagelist_ext limit_content=”50″ show_content=”1″ class=”page-list-cols-3″]

    No matter the # of columns, they were not vertically aligned because a problem on your default CSS margins for “.page-list-ext .page-list-ext-item” and “.page-list-ext .page-list-ext-image”.

    Please fix this default CSS values as I show below, this way it will work for everyone, any # of columns vertically aligned on top:

    .page-list-ext .page-list-ext-item {
    clear: both;
    /* your old values -> margin: 10px 0 30px 0;*/
    margin: 0px 0px 30px 0px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    }
    .page-list-ext .page-list-ext-image {
    float: left;
    display: inline;
    /* your old values -> margin: 5px 15px 15px 0;*/
    margin: 10px 10px 10px 0px;
    vertical-align: top;
    }

    Thanks for your help!

    https://www.ads-software.com/plugins/page-list/

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fix for vertical align top when using [pagelist_ext] in responsive columns mode’ is closed to new replies.