CSS changes color for everything except "News"

Working on a new template and need help? Come here for support.

Moderator: Help Desk Team

CSS changes color for everything except "News"

Postby Lutztoons » May 10th, 2018, 11:03 pm

Hi, help desk. I'm using a modified version of the "In Silence" theme and I've been able to edit the CSS for everything except for the "News" header on the main comic home page. It's still dark gray when it should be dark purple. I can't find the line of code to change it to save my life. How can I fix it?

Edit: here is my overall layout code:
Spoiler! :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- IMPORTANT -->
<!-- TO CREATE CUSTOM PAGES, SEE INSTRUCTIONS AT: http://bit.ly/U1QLG -->

<head>

{SOCIAL_META_TAGS}
<script language="JavaScript" type="text/javascript">

var dir = "http://www.smackjeeves.com/templates/in_silence/images/";
var pic_unselected = "vote-unselected.gif";
var pic_selected = "vote-selected.gif";

// "Buffers" the image to the browser
document.write('<img style="display: none" src="' + dir + pic_unselected + '" />');
document.write('<img style="display: none" src="' + dir + pic_selected + '" />');

var default_rating = 0;

function build_vote()
{
document.write('rate this page: ');
for (n = 1; n<= 5; n++)
{
if (n <= default_rating)
{
default_pic = pic_selected;
} else {
default_pic = pic_unselected;
}

document.write('<a href="#" onClick="vote(' + n + '); return false;" onMouseOver="rateover(' + n + ');" onMouseOut="rateover(default_rating);"><img src="' + dir + default_pic + '" name="star_' + n + '" border=0></a> ');
}
document.write('</ul>');
}

function rateover(star_num)
{

for (n = 1; n <= 5; n++)
{
if (n <= star_num)
{
da_code = 'document.star_' + n + '.src="' + dir + pic_selected + '"';
} else {
da_code = 'document.star_' + n + '.src="' + dir + pic_unselected + '"';
}

eval(da_code);
}
}

function vote(rating)
{
var new_window = window.open("/ratecomic.php?cid={COMIC_ID}&rating=" + rating, "sj_ratecomic", "height=300, width=400");
new_window.focus();
}

</script>

<link href="http://www.smackjeeves.com/templates/in_silence/style.css?v=2" rel="stylesheet" />
<style>
body
{
background: url("http://krazynoodlemassacre.webcomic.ws/files/layoutfiles/dingbat_pattern_2.png");
}

body {
margin: 10px;
background: #000000 url("http://krazynoodlemassacre.webcomic.ws/files/layoutfiles/dingbat_pattern_2.png");
background-attachment: fixed;
font-family: lucida sans unicode, lucida grande, verdana, sans-serif;
color: #000000;
text-align: center;
min-width:650px;
}

img {
border: 0px;
}

a {
color: #653ec1;
text-decoration: none;
text-transform: uppercase;
}

a:hover {
color: #6d44c8;
cursor: pointer;
}

h1, h2, h3, h4, h5 {
font-family:'Trebuchet MS', sans serif;
line-height: 1em !important;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#header {
padding: 50px;
}

#header h1 {
font: 4em century gothic, lucida sans unicode, lucida grande, sans-serif !important;
color: #ccb2f4;
text-transform: uppercase;
width: 720px;
margin: auto;
text-align: center;
}

#header h1 a {
color: #ccb2f4;
}

#header h1 a:hover {
color: #ccb2f4;
}

#cf_ads {
display:table;
margin:7px auto;
text-align:center;
}

#slogan {
color:#BBB;
}
#navigation {
margin: 50px;
margin-left:30px;
margin-right:30px;
}

#nav {
padding: 0px;
margin: 0px;
list-style-type: none;
}

#nav li {
display: inline;
margin:0;
padding:0;
}

#nav li a {
display: inline-block;
background: #2e1751;
padding: 15px;
margin: 1px;
font: 2.0em century gothic, lucida grande, verdana, sans-serif;
color: #ccb2f4;
border: 1px solid #2e1751;
}

#nav li a:hover {
background: #47247c;
border: 1px solid #47247c;
}

html>/**/body #wrap {/*hide from ie7 and below - they don't support display:table, so they get an actual table*/
margin: auto;
width: 720px;
display:table;
}
#wrapie {
margin: auto;
width: 720px;
}

#contentwrap {
margin: auto;
width: 560px;
text-align: center;
}

.comicnav {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.comicnav li {
display:inline;
margin: 10px;
text-align: center;
font-family: century gothic, ms sans serif, geneva, lucida sans unicode, lucida grande, sans-serif;
font-size: 2.1em;
}

.comicnav li a {
color: #ccb2f4;
}

.comicnav li a:hover {
color: #e0d2f7;
}

.post, .permalinks {
margin-top: 12px;
background: #ffffff;
opacity: 0.95;
-moz-opacity: 0.95;
filter: alpha(opacity=95);
font: 2.2 em lucida grande, lucida sans unicode, verdana, sans-serif;

}

.comment:hover, .rating:hover, .post:hover, .permalinks:hover {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}

#saveplace {
padding-bottom:10px;
}

.comment {
min-height: 100px;
height:auto !important;
height: 100px;
}
.reply {
margin-left:20px;
}

#comicnavigation, .rating, .post,.permalinks {
padding: 16px;
}

.commentheader {
background: #2f1659;
padding: 5px 5px 2px 5px;
color: #c6aae2;
text-align: right;
}

.avatar {
float: left;
margin: 10px 10px 5px 10px;
padding: 1px;
border: 1px solid #a1a1a1;
}

.avatar:hover {
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}

h4 {
font-size: 1.4em;
color: #c4b2e8;
text-align: left;
}

h2, h3 {
font-size: 2.1em;
text-align: justify;
text-transform: uppercase;
}

h2 {
color: #ccb2f4;
}


h2 a {
color: #ccb2f4;
}

.commentcontent {
padding: 2px 20px 5px 20px;
text-align: left;
font-size: 1.3em;
min-height: 100px;
height:auto !important;
height: 100px;
}

h3 {
color: #2b1451;
}

.editdelete {
font-size: 1.0em;
}

#footer {
background: #2b1451;
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
font: 1.5em lucida grande, lucida sans unicode, verdana, sans-serif;
color: #e3cdf7;
padding: 20px;
margin: 15px auto;
}

#footer:hover {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=90);
}

#title {
background: #2b1451;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
padding: 20px;
margin: 10px auto;
}

#title:hover {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=90);
padding: 20px;
}

.commentheadings {
padding: 15px;
margin: 10px auto;
width: 500px;
}

h5 {
color: #e3cdf7;
font-size: 2.0em;
text-transform: uppercase;
}

.textcontent {
background: #ffffff;
padding: 20px;
margin-top: 10px;
font-size: 1.5em;
text-align: left;
}

table {
font: 1.2em lucida sans unicode, verdana, sans-serif;
}

#months {
padding: 0px;
margin: 20px 0px 0px 0px;
list-style-type: none;
}

.textcontent h3 {
text-align: center !important;
}

.chaptertitle {
background-color:#e9d7f7;
text-align:center;
color:#418;
}
.chaptertitle h3 {
color:#418;
}
#searchbar {
text-align:center;
}
#searchbar input {
border:1px solid black;
color:black;
background-color:white;
}
#searchbar input.submit {
background-color:#e9d7f7;
}
.center {
text-align:center;
}
.permalinkcode {
width:90%;
border:1px solid black;
}
</style>

</head>

<body>

<div id="header">
<img src="http://krazynoodlemassacre.webcomic.ws/files/krazy_noodle_title_for_web.png">
</div>

{MENU}

<div class="wrap">
{CONTENT}
</div>

<div id="footer">
layout made by <a href="http://www.smackjeeves.com/profile.php?id=24367" title="whistleonwild">whistleonwild</a> with minor edits by Alex Lutz | background image by Alex Lutz | nav fix by <a href="http://comicfury.com/profile.php?username=Kyo" title="kyo">kyo</a> | Comic &copy; Alex Lutz
</div>

</body>
</html>
User avatar
Lutztoons
 
Posts: 47
Joined: March 6th, 2018, 7:44 pm
Location: Central Illinois

Re: CSS changes color for everything except "News"

Postby eishiya » May 10th, 2018, 11:49 pm

The "news" header has class "title", rather than id "title". To apply your "title" style to it, you'll need to add .title to your CSS that affects #title, e.g.

#title, .title {
...
}

#title:hover, .title:hover {
...
}
Image
User avatar
eishiya
 
Posts: 9398
Joined: December 5th, 2009, 11:17 am

Re: CSS changes color for everything except "News"

Postby Lutztoons » May 12th, 2018, 4:36 pm

That worked! Thanks a lot!
User avatar
Lutztoons
 
Posts: 47
Joined: March 6th, 2018, 7:44 pm
Location: Central Illinois


Return to Template Development & Support

Who is online

Users browsing this forum: No registered users and 6 guests

cron