danno2,
First lets clean up the local CSS.
PLEASE delete these RED conflicting/duplicate entries from your local CSS.
Delete this entry:
style.css?ver=3.8 (line 309)
[color=red]
.single #respond {
display: block;
}
[/color]
Delete this entry:
style.css?ver=3.8 (line 302)
[color=red]
div#respond {
display: none;
}
[/color]
Delete this entry:
style.css?ver=3.8 (line 296)
[color=red]
div#respond {
display: none;
}
[/color]
Delete this entry:
style.css?ver=3.8 (line 305)
[color=red]
#respond {
display: none;
margin-top: 3.42857rem;
}
[/color]
PLEASE EDIT this ONE entry in your local CSS.
style.css (line 1274)
#respond {
[color=blue]display:none;[/color] /* ADD ME per Mittineague */
margin-top: 3.42857rem;
}
NEXT,
It appears that there is no convenient way to target the #respond boxes that you wish to have visible without adding an ID or class to the HTML.
Here are 3 possibilities:
(1)
The body tag on each page to be targeted can be given a unique ID; thereafter, the page(s) can be individually targeted. This is the most flexible approach.
<body id="[i]uniqueid[/i]" class="single single-post postid.....etc>
The css would look like this:
#uniqueid #respond {display:block;} /* there should be one selector for each page to be targeted */
(2)
class=“showrespond” can be added to the body tag of each page whose #respond box should be visible. This is an easy single purpose targeting technque.
<body class="showrespond single single-post postid.....etc>
The css would look like this:
.showrespond #respond {display:block;} /* this is the only entry in CSS */
(3)
class=“showrespond” can be added to the div tag of each #respond box that should be visible. This is an easy single purpose targeting technque.
<div id="respond" class="showrespond">
The css would look like this:
#respond.showrespond {display:block;} /* this is the only entry in CSS */
Pick the one that is the easiest or most promising for you to work with.
reference supplement:
http://dc.cartoonfile.com/category/toonblog/ /* this page has no #respond box. From here you select "these are muy favorites" or "latest news" */
<body class="archive category category-toonblog category-7015 custom-background custom-font-enabled infinite-scroll neverending infinity-end">
http://dc.cartoonfile.com/these-are-my-favourites/
<body class="single single-post postid-13779 single-format-standard custom-background custom-font-enabled">
body.single div#page div#main div#primary div#content div#comments div#respond { /* should be visible */
http://dc.cartoonfile.com/latest-news/
<body class="single single-post postid-18806 single-format-standard custom-background custom-font-enabled">
body.single div#page div#main div#primary div#content div#comments div#respond { /* should be visible */
http://dc.cartoonfile.com/business-cartoon-biz-049/
<body class="single single-post postid-12825 single-format-standard custom-background custom-font-enabled">
body.single div#page div#main div#primary div#content div#comments div#respond { /* should be hidden */
http://dc.cartoonfile.com/yooper-michigan-cartoon-028/
<body class="single single-post postid-7555 single-format-standard custom-background custom-font-enabled">
body.single div#page div#main div#primary div#content div#comments div#respond { /* should be hidden */