title of article get cut off.

when going to an article -everything is fine. However, when pressing an anchor that will lead to a comment section - the title gets cut off. as if there is another layer over the title.

i talked to the guy from compojoom comments component and he spoke with Mr. Gavick over skype and they looked at this issue.

here is a url. http://aleksandrshevchenko.org/componen ... 9#JOSC_TOP

How can i fix this?

Daniel (from compojoom) found this to cause it:

.clearfix:after, .gkWrap:after, .gkMain:after, #gkComponentWrap:after, #gkContentMainbody:after {

Please add this code to override.css and then enable 'use override CSS' option in template developer settings :
#gkMain {overflow: visible!important}

Hi,

Try using this code to add to CSS Override:

Code: Select all

#gkMain{
overflow: visible!important;
}


Let me know if it helps.

seems like it didn't work. I made sure overide.css is enabled with the css overide option in advanced tab in template settings.

hmmm.. anything else would work?

I checked the site again but don't see the code added, do you still keep it nor removed it out? If possible please send me a PM with backend access then I will try for you as well.

Cheers,

yes, i did remove it... i'll go ahead and send you a PM.

Thank you, I added the code for you and it works now. Please check and confirm the same!

oh wow.. i just noticed it and i was like.. wait.. the code did work..

thanks.. so what did you change? will an update to the template break it?

also - it moves the title up.. is that fixable?

In the template setting, under Advance section, I added the code to CSS Override box, please check it there. Since it is saved in database so it won't be gone after updates, don't worry!

ok... perfect.. thanks.

how about the whole title being moved up.. can that be fixed?

It's not moved up anymore, however you can use this code to bring it down a bit:

Code: Select all

.itemToolbar{
margin-top: 10px!important;
}


notice how one of the titles is higher.

.itemToolbar{
margin-top: 10px!important;
}

that css made it go down, but also in the normal state it went down too. so it became lower.

I see but I don't know how to help you more as we are going back to the original issue from your comment component. Thanks for understanding!