Archived topic

Edit layout between "read more" and "comments"

4 replies · Started by Kristian Foshaug on October 23, 2015

Viewing posts 1–5 of 5

October 23, 2015 at 3:51 am #146775

Hi,

on my site Spillhistorie.no - i'm trying to change the layout a bit on the post summaries on the front page. I want to either reduce the breaks / spacing between the "read more" ("les videre") and the "Leave a comment" ("Legg igjen en kommentar"), or even add both to the same line (to reduce space used).

[img]http://i.imgur.com/Vsi4xOK.png[/img]

What do I have to do?

October 23, 2015 at 9:15 am #146855

Hi Kristian. Moving the "Leave a comment" up only takes a couple of lines of CSS. However, the Masonry layout sets the posts with an "absolute" top position. If you move the comment line up, that post will shrink but the post below it won't move up. Tom may have a function or method available to make the adjustment so will wait for him to answer this.

October 23, 2015 at 10:17 am #146886

Seems there's some jQuery errors going on now messing up the site?

Either way, adding the CSS should work - Masonry will recalculate on reload and everything will look good.

Try this:

.masonry-post footer.entry-meta {
    margin-top: 0;
}

October 23, 2015 at 12:15 pm #146909

Thanks both :)

Tom: jQuery errors? I haven't noticed anything, but just in case I reset all caches in case it had to do with some cached js-files.

October 23, 2015 at 11:49 pm #146991

Yea I'm seeing being reported by Chrome: Uncaught ReferenceError: rlArgs is not defined

The masonry is also a mess - maybe it's just me?

Try clearing your cache - if you see the issue deactivate your plugins until it fixes it.

This archived topic is closed to new replies.

Start building better websites today.