By Gordon Mackenzie on Wednesday, 07 February 2018
Posted in General Issues
Replies 3
Likes 0
Views 549
Votes 0
Hi,

The easyblog "grid layout" on my site's homepage has a gap at the top and isn't properly aligned.

How can I fix that?
Hi Gordon,

It looks like the extra spacing is coming from your template(http://take.ms/4fqlt). Perhaps you can use custom css to override those styling rules if there is no way to change this from your template.

For the alignment, it looks fine for me(http://take.ms/61RI7). Am I missing something here?

You can take a look at how our demo site grid page looks like(demo).
·
Wednesday, 07 February 2018 20:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Raymond,

Thanks for your reply.

The only issue is the spacing, that's what I meant by alignment.

I had a similar problem with my current template overriding the Easyblog default styling of image spacing in blog posts, and Arlex Wong suggested this custom CSS code which resolved the issue:

body #eb .ebd-block[data-type="image"] .eb-image {
margin-top: 22px;
}

Would not something similar work for the front page?
·
Wednesday, 07 February 2018 21:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Gordon,

The spacing on the top isn't generated from EasyBlog, hence the fix that Arlex provided will not work for this. To fix this, you need to apply custom css on your template's style but you need to check if this causes other issues,

[gist]
body .uk-section {
padding-top: 0;
}
[/gist]
·
Wednesday, 07 February 2018 22:37
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post