Comment Bar Problems...

[sireesanwar]

Account Status: All
Theme: Flexible Squares
Actions: Full Size Comments Bar Appearing In Custom Posts.



So in my support request about this problem, LJ informed me they fixed the problem and yet this issue didn't go away. So I went to s2flexisquares because I wasn't sure the fix I thought I found would work entirely. Thank goodness because fueschgast seriously helped me out but teaching me a new trick. Always good to keep learning even when it seems hard.

There are a few pieces of the coding we need to change the openers to so it goes back to working properly.

We need to change the code opener for #footer, div#footer (in some cases just #footer) to .lj-view-recent #footer, .lj-view-friends #footer
#footer, div#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}   
.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

Then we need to change div#footer a, dive#footer a:link to .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link
div#footer a, div#footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}
.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

Then we need to change div#footer a:hover to .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover
div#footer a:hover {
color:#FFFFFF;
background-color: #34474B;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #222222;
letter-spacing: 3px;
}
.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #34474B;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #222222;
letter-spacing: 3px;
}

Make sure there is a bracket ({) after the new code openers or it still won't work. And let me know if you are totally stumped by this and I'll do what I can.

Also, I have a feeling this is a problem a lot of people are experiencing so I would appreciate it if you spread the word but clicking the repost below.