Edit Javascript to align properly

I'm using infinite-scroll to pull up new posts. To ensure the posts pull up in 3 columns instead of 1, I am calling Javascript after the next posts are fetched:

jQuery(newElements).makeacolumnlists({
      cols: 3, 
      colWidth: 305, 
      equalHeight: 'ul', 
      startN: 1
});

What do I need to change for making the fetched posts align properly with the other post on top? The posts on top are stacked li elements and the plugin is stacking divs. Any way to fix this?

My site is (removed)

Thanks!

Answers


.li_container {padding-left: 0px}

should solve your problem. And this will move all post 25px to the right,

#li_container1 {margin-left: 25px}

The problem is that the new posts are inside a <div id="li_container2" class=li_container> (which itself is inside li_container1) which is why it has twice the margin. Just add the new div outside the old container.


Need Your Help

Prevent git from popping up gnome password box

linux git https passwords gnome

I have not asked a question of this nature before, so this may not be the correct site for this.

Find all rows not matching a criteria, MySQLi MySQL PHP

php mysql mysqli

Alright, I have never asked a question here before, but here goes.