Comment Subject Lines Disappearing in Collapsed View
I've searched for this topic, but haven't seen it addressed. Forgive me if I missed it.
I am using Expressive Unstyled with custom CSS to drive it. The problem is that the comment subject lines are disappearing when collapsed. I want subject lines to appear in collapsed comments. I have custom comments turned ON.
Taken from HERE *contains NC-17 content*.
Collapsed view (with top level comment shown):
Expanded view (with top level comment shown):
I am not super proficient in CSS, so I am including all of the code for my layout (I am not sure what you'd need to see).
body {
background-color:#ffffcd;
background-image:url(http://i784.photobucket.com/albums/yy126/scifishipper/background-3-1.png);
font-family: "Tahoma", Arial, sans-serif;
color:#09060f;
font-size:11.5px;
}
a:link, a:visited, a font, a b {
color:#0f021a;
font-weight:normal;
text-decoration:none;
}
a:hover, a:hover b {
color:#0f021a;
font-weight:normal;
text-decoration:none;
}
#container {
border:none;
width:907px;
margin:auto;
margin-top:30px;
}
#container-inner{
width:907px;
margin:0px;
padding:0px;
}
#page{
width:907px;
padding:0px;
margin:0px;
}
#page-inner {
width: 907px;
padding:0px;
margin:0px;
}
/*----TOPMENU----*/
#header{
background-image:url(http://i784.photobucket.com/albums/yy126/scifishipper/BSG/headerapplecartdancingyellow.jpg);
width:907px;
height:450px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
ul.nav{
width:907px;
position:relative;
margin-top:15px;
margin-left:15px;
font-size:0px;
}
.nav a{
color:#ffffcf;
font-weight: ;
font-style:;
text-decoration: none;
padding:5px;
}
.nav a:hover {
color:#ffffcf;
text-decoration: none;
font-weight: ;
}
ul.nav li.item {
border:none;}
#header-name, #header-description {
display:none;}
#content {
width: 897px;
padding: 0px;
margin:0px;
background-color: white;
border-left: #f2c059 0px solid;
border-right: #f2c059 10px solid;
border-bottom: #f2c059 7px solid;
}
#content-inner {
width:897px;
padding: 0px;
margin:0px;
}
#alpha {
width:680px;
margin:0px;
margin-top:15px;
padding:0px;
}
#alpha-inner {
width:680px;
margin:0px;
padding:0px;
}
#beta {
width:180px;
float:left;
margin:0px;
padding:0px;
}
#beta-inner {
width:180px;
text-align:center;
padding:0px;
margin:0px;
padding-top:5px;
background-color: #f2c059;
}
#gamma {
display:none;
}
.stream-header {
width:660px;
position:relative;
margin-top:0px;
margin-bottom:15px;}
p.prevnext, .skiplinks {
width:660px;
text-align:center;
font-size:12px;
font-style:;
border:none;
}
.prevnext,.skiplinks a{
color:#0f021a;
text-decoration:none;
}
.prevnext, .skiplinks a:hover:
color:#0f021a;
text-decoration:none;
}
.asset {
width:680px;
text-align:justify;
}
.asset-inner {
width:680px;
margin:0px;
margin-left:0px;
margin-bottom:10px;
padding:0px;
}
.asset-header {
width:680px;
background-image: url;
background-repeat:no-repeat;
position:left top !important;
padding-left:0px;
}
h2.asset-name {
width:680px;
font-variant:normal;
font-weight:bold;
font-size:20px;
}
h2.asset-name a{
color:#0f021a;
text-decoration:none;
}
h2.asset-name a:hover{
color:#0f021a;
text-decoration:none;
}
div.asset-header li.item {
padding-left:17px;
}
.asset-meta-list {
width: 620px;
font-size: 9.5px;
}
.asset-meta-list a{
}
.asset-content {
width:620px;
padding-left:2px;
}
.user-icon {
float:left;
margin: 0px 7px 7px 0px;
background-color:transparent !important;
font-size:10px;
text-align:center;
}
.user-icon img {
border: #ffffff solid 0px;
}
div.user-icon span{
background-color:transparent !important;}
.lj-currents {
width:630px;
position:relative;
font-size: 11px;
}
.asset-tags {
width:630px;
position: relative;
margin-top: 5px;
}
h4.asset-tags-header {
font-size:11px !important;
font-weight:bold;
margin-left:2px;
}
.asset-tags-list {
font-size:11px;
padding-left:5px;}
.asset-tags-list li.item a:hover {
text-transform:none;
color:#7a5261;
background-color:transparent;
}
.widget {
font-size: 12px;
margin:0px;
padding:0px;
}
h3.widget-header {
font-variant:normal;
color:#ffffff;
font-weight:;
}
h3.widget-header a{
font-variant:normal;
font-weight:;
color:#000000;}
h3.widget-header a:hover{
font-variant:normal;
font-weight:bold;
color:#000000;}
div.about-me-widget div.user-pic{
margin-left:25px;
}
div.comments-inner {
width:630px;
}
div.comment-body {
font-size:12px;
margin:10px;
margin-bottom:10px;
}
.comment-odd {
background-color:# ffffff;
padding:3px;
border:none;
}
.comment-even {
background-color:transparent;
padding:3px;
border:none;
}
.comments-header.page-header2 {
width:630px;
color:#0f021a;
font-variant:normal;
font-weight:normal;
font-size:17px;
padding-top:15px;
padding-left:13px;
}
.comment-links {
font-size: 9.5px;
}
Thanks for your help and please let me know if you need any other information. :)
I am using Expressive Unstyled with custom CSS to drive it. The problem is that the comment subject lines are disappearing when collapsed. I want subject lines to appear in collapsed comments. I have custom comments turned ON.
Taken from HERE *contains NC-17 content*.
Collapsed view (with top level comment shown):
Expanded view (with top level comment shown):
I am not super proficient in CSS, so I am including all of the code for my layout (I am not sure what you'd need to see).
body {
background-color:#ffffcd;
background-image:url(http://i784.photobucket.com/albums/yy126/scifishipper/background-3-1.png);
;){kind=link}
font-family: "Tahoma", Arial, sans-serif;
color:#09060f;
font-size:11.5px;
}
a:link, a:visited, a font, a b {
color:#0f021a;
font-weight:normal;
text-decoration:none;
}
a:hover, a:hover b {
color:#0f021a;
font-weight:normal;
text-decoration:none;
}
#container {
border:none;
width:907px;
margin:auto;
margin-top:30px;
}
#container-inner{
width:907px;
margin:0px;
padding:0px;
}
#page{
width:907px;
padding:0px;
margin:0px;
}
#page-inner {
width: 907px;
padding:0px;
margin:0px;
}
/*----TOPMENU----*/
#header{
background-image:url(http://i784.photobucket.com/albums/yy126/scifishipper/BSG/headerapplecartdancingyellow.jpg);
;){kind=link}
width:907px;
height:450px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
ul.nav{
width:907px;
position:relative;
margin-top:15px;
margin-left:15px;
font-size:0px;
}
.nav a{
color:#ffffcf;
font-weight: ;
font-style:;
text-decoration: none;
padding:5px;
}
.nav a:hover {
color:#ffffcf;
text-decoration: none;
font-weight: ;
}
ul.nav li.item {
border:none;}
#header-name, #header-description {
display:none;}
#content {
width: 897px;
padding: 0px;
margin:0px;
background-color: white;
border-left: #f2c059 0px solid;
border-right: #f2c059 10px solid;
border-bottom: #f2c059 7px solid;
}
#content-inner {
width:897px;
padding: 0px;
margin:0px;
}
#alpha {
width:680px;
margin:0px;
margin-top:15px;
padding:0px;
}
#alpha-inner {
width:680px;
margin:0px;
padding:0px;
}
#beta {
width:180px;
float:left;
margin:0px;
padding:0px;
}
#beta-inner {
width:180px;
text-align:center;
padding:0px;
margin:0px;
padding-top:5px;
background-color: #f2c059;
}
#gamma {
display:none;
}
.stream-header {
width:660px;
position:relative;
margin-top:0px;
margin-bottom:15px;}
p.prevnext, .skiplinks {
width:660px;
text-align:center;
font-size:12px;
font-style:;
border:none;
}
.prevnext,.skiplinks a{
color:#0f021a;
text-decoration:none;
}
.prevnext, .skiplinks a:hover:
color:#0f021a;
text-decoration:none;
}
.asset {
width:680px;
text-align:justify;
}
.asset-inner {
width:680px;
margin:0px;
margin-left:0px;
margin-bottom:10px;
padding:0px;
}
.asset-header {
width:680px;
background-image: url;
background-repeat:no-repeat;
position:left top !important;
padding-left:0px;
}
h2.asset-name {
width:680px;
font-variant:normal;
font-weight:bold;
font-size:20px;
}
h2.asset-name a{
color:#0f021a;
text-decoration:none;
}
h2.asset-name a:hover{
color:#0f021a;
text-decoration:none;
}
div.asset-header li.item {
padding-left:17px;
}
.asset-meta-list {
width: 620px;
font-size: 9.5px;
}
.asset-meta-list a{
}
.asset-content {
width:620px;
padding-left:2px;
}
.user-icon {
float:left;
margin: 0px 7px 7px 0px;
background-color:transparent !important;
font-size:10px;
text-align:center;
}
.user-icon img {
border: #ffffff solid 0px;
}
div.user-icon span{
background-color:transparent !important;}
.lj-currents {
width:630px;
position:relative;
font-size: 11px;
}
.asset-tags {
width:630px;
position: relative;
margin-top: 5px;
}
h4.asset-tags-header {
font-size:11px !important;
font-weight:bold;
margin-left:2px;
}
.asset-tags-list {
font-size:11px;
padding-left:5px;}
.asset-tags-list li.item a:hover {
text-transform:none;
color:#7a5261;
background-color:transparent;
}
.widget {
font-size: 12px;
margin:0px;
padding:0px;
}
h3.widget-header {
font-variant:normal;
color:#ffffff;
font-weight:;
}
h3.widget-header a{
font-variant:normal;
font-weight:;
color:#000000;}
h3.widget-header a:hover{
font-variant:normal;
font-weight:bold;
color:#000000;}
div.about-me-widget div.user-pic{
margin-left:25px;
}
div.comments-inner {
width:630px;
}
div.comment-body {
font-size:12px;
margin:10px;
margin-bottom:10px;
}
.comment-odd {
background-color:# ffffff;
padding:3px;
border:none;
}
.comment-even {
background-color:transparent;
padding:3px;
border:none;
}
.comments-header.page-header2 {
width:630px;
color:#0f021a;
font-variant:normal;
font-weight:normal;
font-size:17px;
padding-top:15px;
padding-left:13px;
}
.comment-links {
font-size: 9.5px;
}
Thanks for your help and please let me know if you need any other information. :)