• For some reason, in my posts all linked text (including post titles) is showing as #FFFFFF (like its sidebar). When I hover on them, they show correctly as #3D71AD. When I change the link color for the Sidebar, it changes the link color for the post, but I can’t seem to change the color of the links in the post by themselves.

    Anyway, here’s the CSS. Ideas?

    /*
    Theme Name: YellowJacket
    Theme URI: https://www.antbag.com
    Description: An awesome swarm of black and yellow.
    Version: 1.1
    Author: Antbag
    Author URI: https://www.antbag.com/
    
    */
    
    body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
    	margin: 0;
    	padding: 0;
    }
    
    body{
    	margin: 0;
    	font-family: Verdana, Helvetica, Georgia, Sans-serif;
    	font-size: 14px;
    	text-align: center;
    	vertical-align: top;
    	background: #505050;
    	color: #444444;
    }
    
    #wrapper{
    	margin: 0 auto 0 auto;
    	width: 775px;
    	text-align: left;
    	overflow: hidden;
    	border-right: 2px solid #3d71ad;
    	border-left: 2px solid #3d71ad;
    	background: #ffffff;
    }
    
    h1{
    	font-family: Georgia, Sans-serif;
    	font-size: 24px;
    	padding: 15px 0 10px 15px;
    }
    
    h3{
    	padding: 15px 0 15px 0;
    }
    
    h4{
    	padding: 0 0 0 15px;
    }
    
    a:link, a:visited{
    	text-decoration: none;
    	color:#3d71ad;
    }
    
    a:hover{
    	text-decoration: underline;
    	color: #F00;
    }
    
    blockquote { font-style: italic;
    	font-family: Verdana, Helvetica, Georgia, Sans-serif;
    	font-size: 90%;
    	color: #FFCC00;
    	margin: 1.5em 30px 1.5em 30px;
    	padding: 4px 4px 4px 10px;
    	background: #333;
    	border-top: 1px dotted #3d71ad;
    	border-left: 1px dotted #3d71ad;
    }
    
    .entry p {
    	margin: 0 0 15px 0;
    }
    
    .entry ul, .entry ol {
    	margin: 0 0 15px 40px;
    }
    
    .entry ul {
    	list-style-type: disc;
    }
    
    .entry li {
    	margin: 0 0 5px 0;
    }
    
    .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {
    	margin: 5px 0 5px 30px;
    }
    
    .entry img.left {
    	padding: 6px;
    	margin: 0.5em 15px 0.5em 0;
    	border: 1px solid #ccc;
    	background: #eee;
    	float: left;
    	clear: left;
    }
    
    .entry img.right {
    	padding: 6px;
    	margin: 0.5em 0 0.5em 15px;
    	border: 1px solid #ccc;
    	background: #eee;
    	float: right;
    	clear: right;
    }
    
    .entry img.center {
    	display: block;
    	padding: 8px;
    	margin: 0 auto 1.5em auto;
    	border: 1px solid #ccc;
    	background: #eee;
    	float: none;
    	clear: both;
    }
    
    .entry img.off {
    	padding: 0 !important;
    	border: none !important;
    }
    
    .entry img.stack {
    	clear: none !important;
    }
    
    /*----HEADER----*/
    
    #header{
    	float: left;
    	width: 755px;
    	padding: 65px 0 30px 20px;
    	background: url(images/header.jpg) no-repeat left bottom;
    	color: #fff;
    }
    
    #header a{
    	text-decoration: none;
    	color: #fff;
    }
    
    #header a:hover{
    	text-decoration: underline;
    }
    
    /*----NAVIGATION BAR----*/
    
    #top-menu{
    	clear: both;
    	float: left;
    	width: 100%;
    	font-family: Tahoma, Sans-Serif;
    	font-weight: Bold;
    	text-align: left;
    	border-top: none;
    	border-bottom: none;
    	background: url(images/nav_bg.gif);
    }
    
    #top-menu a{
    	text-decoration: none;
    	color: #ffffff;
    }
    
    #top-menu a:hover{
    	text-decoration: underline;
    }
    
    #top-menu ul{
    	margin: 0 auto;
    	width: 725px;
    	padding: 5px 0;
    	text-align: left;
    }
    
    #top-menu ul li{
    	display: inline;
    	padding: 0 20px 0 0;
    	font-size: 12px;
    }
    
    /*----POST----*/
    
    #container{
    	float: left;
    	width: 530px;
    	padding: 0 0 0 0;
    }
    
    .post a:link, a:visited{
    	text-decoration: none;
    	color:#3d71ad;
    }
    
    .post a:hover{
    	text-decoration: underline;
    	color:#3d71ad;
    }
    
    .post{
    	padding: 20px 50px 40px 40px;
    }
    
    .post h2{
    	font-family: Arial, Sans-serif;
    	font-size: 22px;
    	padding: 20px 0 0 0;
    }
    
    .entry{
    	line-height: 22px;
    }
    
    .postinfo{
    	font-size: 11px;
    	color: #aaa;
    	padding: 2px 0 20px 0;
    }
    
    .postinfo a{
    	color: #aaa;
    }
    
    .postdate{ color: #aaa; }
    
    p.postmetadata{
    	font-size: 12px;
    	color: #BFB8A1;
    	border-top: 1px dotted #3d71ad;
    	margin: 20px 0 0 0;
    	padding: 5px 0 0 0;
    }
    
    p.postmetadata strong{
    	float: right;
    }
    
    /* This is the link at the bottom of a post which lets you go to the next or previous post */
    
    .navigation{
    	padding: 10px 20px 20px 10px;
    	font-size: 14px;
    	font-weight: bold;
    	line-height: 18px;
    }
    
    /*----SIDEBAR STYLES----*/
    
    .sidebar{
    	float: right;
    	width: 235px;
    	margin: 0 auto 5px auto;
    	padding-top: 35px;
    	padding-bottom: 15px;
    	display: inline;
    	overflow: hidden;
    	background: #727b84;
    	border-left: 1px dotted #3d71ad;
    	border-bottom: 1px dotted #3d71ad;
    }
    
    .sidebar ul{
    	list-style: none;
    	margin: 0;
    	padding: 0 10px 0 10px;
    }
    
    .sidebar ul li{
    	padding: 10px 0 10px 5px;
    }
    
    .sidebar ul li h2{
    	font-family: Arial, Sans-serif;
    	font-size: 16px;
    	font-weight: Bold;
    	color: #fff;
    	padding: 5px 5px 5px 20px;
    	margin: 0 10px 10px 0;
    	background: none;
    	border-bottom: 1px dotted #3d71ad;
    }
    
    .sidebar ul ul li{
    	padding: 0;
    	margin: 0 0 0 13px;
    	line-height: 24px;
    	list-style: url(images/bullet.gif);
    }
    
    .sidebar .syndication {
    	width: 155px;
    	height: 77px;
    	position: relative;
    }
    
    .sidebar .syndication span{
    	background: url(images/rss.jpg) no-repeat;
    	position: absolute;
    	width: 100%;
    	height: 100%;
    }
    
    .sidebar a:link, a:visited{
    	text-decoration: none;
    	color:#ffffff;
    }
    
    .sidebar a:hover{
    	text-decoration: underline;
    	color: #Ffffff;
    }
    
    table#wp-calendar{
    	width: 100%;
    }
    
    /*----COMMENT FORM----*/
    
    #comment-form{
    	width: 425px;
    	margin: 50px 0 0;
    	border: 1px dotted #3d71ad;
    	padding: 5px 5px 15px 15px;
    	background: #333;
    }
    
    .comments-template ol{
    	margin: 0 0 15px;
    	list-style: none;
    }
    
    .comments-template ol li{
    	line-height: 18px;
    	margin: 10px 0 10px 0;
    }
    
    .comments-template h2 .comments-template h3{
    	font-family: Georgia, Sans-serif;
    	font-size: 16px;
    	color: #FCO;
    	padding: 10px 0 30px 0;
    }
    
    .commentmetadata{
    	font-size: 12px;
    	color: #3d71ad;
    	padding: 20px 0 20px 0;
    }
    
    .commentmetadata strong {
    	font-size: 16px;
    }
    
    .comments-template p.nocomments{
    	padding: 0;
    }
    
    .comments-template input{
    	border: 1px solid #3d71ad;
    }
    
    .comments-template textarea{
    	font-family: Arial, Hevletica, Georgia, Sans-seriff;
    	font-size: 12px;
    	color: #333;
    	margin: 30px 15px 15px 0;
    	background: #FFF;
    	border: 1px solid #3d71ad;
    }
    
    /*----FOOTER----*/
    
    #footer{
    	clear: none;
    	float: left;
    	width: 760px;
    	margin: 0;
    	padding: 10px 5px 5px 10px;
    	line-height: 18px;
    	font-size: 80%;
    	color: #fff;;
    	background: url(images/footer_bg.gif);
    	border-top: 3px solid #3d71ad;
    	border-bottom: none;
    }
    
    #footer a:link{
    	text-decoration: none;
    	color: #fff;;
    }
    
    #footer a:hover{
    	text-decoration: underline;
    	color: #fff;;
    }
    
    #footer a:visited{
    	text-decoration: none;
    	color: #fff;;
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Posts Taking On Sidebar’s Colors?’ is closed to new replies.