Extension: yvComment - Giant Header w/Artisteer Template Only


Author Message
Will

Posted: 5/29/2009
Quote message 

I'm trying to use a extension called yvcomment
When using an artisteer generated template the comment header is very large.

When using a one of the joomla built in templates the comment look normal.

The developer of the component advised an issue the div.header in the template's CSS

http://forum.joomla.org/viewtopic.php?p=1705799#p1705799

I edited the template.css and resolved the large header on the posted comments and put the entire page out of alignment

Has any body had this problem? or any suggestions?

Thanks, Will

from that post:
So, to fix yvComment's layout you should change your template's 'Header' class definition to be MORE specific. E.g. change CSS definition from 'div.Header { ...' to 'div.Templatename div.Header { ...' assuming div.Header is inside div.Templatename)
Please see yvComment's CSS: all definitions start from 'div.yvComment' so they don't affect any other parts of the Web page.

I first posted this in the wrong forum - sorry
 
Will

Posted: 5/29/2009
Quote message 

yVOLK - The developer wrote (and he was NOT referring to my template specifically - but this solution worked for me as well.)

Hi, I figured out how to override too broadly defined div.Header in the site template.
You have to add 'height: 100%;' to yvComment's CSS definition of div.Header,
so you will have e.g. these definitions in your custom copy of 'components/com_yvcomment/assets/style004.css':
Code:
div.yvComment div.Comment .Header {
padding: 1px;
height: 100%;
}

div.yvComment div.Comment_even .Header {
padding: 1px;
height: 100%;
}