Fix for vertical align top when using [pagelist_ext] in responsive columns mode
-
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!
- The topic ‘Fix for vertical align top when using [pagelist_ext] in responsive columns mode’ is closed to new replies.