Hello Jeff,

It looks like we may have slipped in some invalid css codes but you can fix this by editing the file /components/com_easyblog/themes/default/css/styles.css and at line 171 locate the codes below and remove it:

#ezblog-body .blog-text p, #ezblog-body .blog-text li {

    line-height: 1.1em;

}

I went to:
ftp://zootestc@storycatchersonline.org/httpdocs/components/com_easyblog/themes/default/css/styles.css

And commented out lines 171 & 172, as indicated below:

/* #ezblog-body .blog-text p,
#ezblog-body .blog-text li {line-height: 1.1em} */ /* Quick fixed for http://screencast.com/t/Q35uPsxh*/

It does not appear to have any effect.

FYI: I'm using the Hako theme as my default.

Hello Jeff,

I just tried to view your site and it's actually inheriting the line height of 22px from your Joomla template as you can see here, http://screencast.com/t/Lu5vsLVq2

hmm...

I re-set the template line-height to 140%

With lines 171/172 in the EasyBlog css commented out, blog posts display with the proper line-height:

However, the font-size button on the "read more" pages no longer functions properly. The text gets bigger, but the line-height remains constant so that the lines overlap
__

When I restore EasyBlog lines 171/172 to their original condition, the font-size button works fine... but, of course, the line-height is off again.
__

Hello Jeff,

Hm, sorry but not too sure if I understand you here. Can you remove the lines 171 - 172 and provide me with the link to the page that has cosmetic issues and perhaps also a screen shot so that I know which section I should be looking at?

lines 171/172 are now commented out.

Line height in the blog posts is fine: http://storycatchersonline.org/index.php/community-blogs

But try using the font-size button when viewing the full article. e,g. http://storycatchersonline.org/index.php/community-blogs/entry/the-gift-of-story-listening

Hello Jeff,

I think that your template's line height should actually be 100% and not 140% . The reason is because when the font size increases, the line-height is set to 140% which causes the text to overlap. A quick fix is to apply the codes below:

.blog-text p

{

    line-height: 100% !important;

}

However, I will forward this to one of our in-house designer (Which will only be available during working hours) so that he can provide a better insights / solution to this.

Would those go in the template custom css file?

Yep, that's correct

hmm... yes, it restores the font-size function... but it loses the proper line-height in the blogs themselves.

Guess we'll see what your in-house designer has to say. lol... there's gotta be SOME combination of Template/EasyBlog settings that will give me 1.4 line spacing on the blog posts without killing the font-size function!

Later - Jeff.

Hello Jeff,

I am so sorry for this delayed respond.

EasyBlog typography should inherit the line-height from the Joomla theme itself.
But for some cases, we fixed the line-height for some part of the component for design purpose.

Yes, Mark is right about commenting out lines 171 & 172 for this code as it shouldn't be there:

#ezblog-body .blog-text p,

#ezblog-body .blog-text li {line-height: 1.1em}

If you want to control the line-height inside our component, just apply this code:

#eblog-wrapper { line-height: 1.4; }

Add this code to your own Joomla template CSS file so that this changes will keep it there every time you are updating our component.

We also would be glad if you can provide some screenshots to point out your design issue as it will help us to understand your issue better.

That's all for now I think, please let us know if you need further assistance.

This works great, Ikram. I've also tried it out on another site, just to confirm... and everything now flows smoothly. THANKS A TON!

- Jeff

Thanks for updating Jeff, glad that your issues are resolved now