Hey there - I followed the advice given (to the very best of my limited ability) with no success at all. In attempting to make my sidebar and the post section different colours, I amended the stylesheet to read as follows:
Obviously I've done something wrong, because it still reads them both as being the same thing - the error is no doubt glaringly obvious to you, but to me it's like trying to find rocking horse dung....
So, please please please, can some guru help me out here. I'm sure there's some way that I can do this, but my knowledge wouldn't fit in a matchbox and I have no idea where to start looking....
It would be much easier to answer your question if you were to provide a link to the page that you're working on - My attention span is way too short to read through a hundred lines of css and try to understand what is going on... especially without having the html to look at as well.
I looked for the sidebar in your code, and I must admit, you have things all over the place.
Yes this theme is a dogs dinner but she had problems finding a theme that works so I thought it best not to say anything before :mrgreen:
Anyway, you have selectors like .Sidebar1BlockContent a in your css but no class="Sidebar1BlockContent" in your html. I think I told you to use .sidebar1 .BlockContent in my previous post but I could have told you wrong by mistake. Either way, case and spaces are important in css so be sure to go back and check any edits you made bearing this in mind.
/* begin Box, Block */
.Block
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .Block
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.Block-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 0px;
text-align: left;
}
.Block
{
margin: 7px;
}
.Block table.table
{
border-collapse: collapse;
margin: 1px;
}
.Block table.table th, .Block table.table td
{
padding: 2px;
border: solid 1px #B7BCBD;
}
/* end Box, Block */
/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 10px;
margin-bottom: 4px;
text-align: left;
color: #000000;
font-family: 'Times New Roman';
font-size: 16px;
font-weight: Bold;
font-style: normal;
text-decoration: none;
}
* html .BlockHeader
{
zoom: 1;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}
.BlockHeader .l
{
left: 0;
right: 6px;
}
* html .BlockHeader .l
{
width: expression(this.parentNode.offsetWidth-6+'px');
}
.BlockHeader .r
{
right: 0;
width: 6px;
}
* html .BlockHeader .r
{
left: expression(this.parentNode.offsetWidth-6+'px');
}
.BlockHeader .r div
{
width: 892px;
right: 0;
}
* html .BlockHeader .r div
{
left: expression(this.parentNode.offsetWidth-892+'px');
}
* html .BlockHeader .l, * html .BlockHeader .r div
{
font-size: 1px;
}
.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/BlockHeader.png');
}
* html .BlockHeader .l, * html .BlockHeader .r div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockHeader.png',sizingMethod='crop')");
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent
{
min-width:15px;
min-height:15px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .BlockContent
{
width:expression(this.offsetWidth < 15 ? 15+"px" : "auto !important");
height:expression(this.offsetHeight < 15 ? 15+"px" : "auto !important");
zoom: 1;
}
.BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 11px;
text-align: left;
color: #FFFFE0;
font-family: 'Tahoma';
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.BlockContent a
{
color: #ff0080;
}
.BlockContent a:link
{
color: #822B45;
}
.BlockContent a:hover
{
color: #C85B7B;
}
.BlockContent a:hover:visited
{
color: #C85B7B;
}
.BlockContent a:visited
{
color: #53595A;
}
.BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 7px;
height: 7px;
background-image: url('images/BlockContent-s.png');
}
* html .BlockContent-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 7px;
height: 7px;
}
* html .BlockContent-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+'px');
}
.BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}
* html .BlockContent-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 7px;
height: 7px;
}
* html .BlockContent-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
}
.BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}
* html .BlockContent-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 7px;
height: 7px;
}
* html .BlockContent-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
left: expression(this.parentNode.offsetWidth-7+'px');
}
.BlockContent-br div
{
position: absolute;
z-index: -1;
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}
* html .BlockContent-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 7px;
right: 7px;
height: 7px;
}
* html .BlockContent-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+'px');
}
.BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/BlockContent-t.png');
}
* html .BlockContent-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')");
}
.BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 7px;
right: 7px;
height: 7px;
}
* html .BlockContent-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
width: expression(this.parentNode.offsetWidth-14+'px');
}
.BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/BlockContent-b.png');
}
* html .BlockContent-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')");
}
.BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
left: 0;
width: 7px;
bottom: 7px;
}
* html .BlockContent-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-14+'px');
}
.BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 14px;
height: 100%;
background-image: url('images/BlockContent-l.png');
}
* html .BlockContent-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')");
}
.BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
right: 0;
width: 7px;
bottom: 7px;
}
* html .BlockContent-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+'px');
height: expression(this.parentNode.offsetHeight-14+'px');
}
.BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -7px;
width: 14px;
height: 100%;
background-image: url('images/BlockContent-r.png');
}
* html .BlockContent-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')");
}
.BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #580A2D;
}
* html .BlockContent-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+'px');
height: expression(this.parentNode.offsetHeight-14+'px');
}
/* end Box, BlockContent */
.Sidebar1BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 11px;
text-align: left;
color: #580A2D;
font-family: 'Tahoma';
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.Sidebar1BlockContent a
{
color: #ff0080;
}
.Sidebar1BlockContent a:link
{
color: #822B45;
}
.Sidebar1BlockContent a:hover
{
color: #C85B7B;
}
.Sidebar1BlockContent a:hover:visited
{
color: #C85B7B;
}
.Sidebar1BlockContent a:visited
{
color: #53595A;
}
.Sidebar1BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 7px;
height: 7px;
background-image: url('images/BlockContent-ss.png');
}
* html .Sidebar1BlockContent-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.Sidebar1BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 7px;
height: 7px;
}
* html .Sidebar1BlockContent-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+'px');
}
.Sidebar1BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-ss.png');
}
* html .Sidebar1Sidebar1BlockContent-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.Sidebar1BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 7px;
height: 7px;
}
* html .Sidebar1BlockContent-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
}
.Sidebar1BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-ss.png');
}
* html .Sidebar1BlockContent-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.Sidebar1BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 7px;
height: 7px;
}
* html .Sidebar1BlockContent-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
left: expression(this.parentNode.offsetWidth-7+'px');
}
.Sidebar1BlockContent-br div
{
position: absolute;
z-index: -1;
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/BlockContent-ss.png');
}
* html .Sidebar1BlockContent-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')");
}
.Sidebar1BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 7px;
right: 7px;
height: 7px;
}
* html .Sidebar1BlockContent-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+'px');
}
.Sidebar1BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/BlockContent-st.png');
}
* html .Sidebar1BlockContent-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')");
}
.Sidebar1BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 7px;
right: 7px;
height: 7px;
}
* html .Sidebar1BlockContent-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-7+'px');
width: expression(this.parentNode.offsetWidth-14+'px');
}
.Sidebar1BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/BlockContent-sb.png');
}
* html .Sidebar1BlockContent-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')");
}
.Sidebar1BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
left: 0;
width: 7px;
bottom: 7px;
}
* html .Sidebar1BlockContent-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-14+'px');
}
.Sidebar1BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 14px;
height: 100%;
background-image: url('images/BlockContent-sl.png');
}
* html .Sidebar1BlockContent-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')");
}
.Sidebar1BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
right: 0;
width: 7px;
bottom: 7px;
}
* html .Sidebar1BlockContent-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-7+'px');
height: expression(this.parentNode.offsetHeight-14+'px');
}
.Sidebar1BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -7px;
width: 14px;
height: 100%;
background-image: url('images/BlockContent-sr.png');
}
* html .Sidebar1BlockContent-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')");
}
.sidebar1BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #FFFFE0;
}
* html .sidebar1BlockContent-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-14+'px');
height: expression(this.parentNode.offsetHeight-14+'px');
}
/* end Box, BlockContent */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin:0;
padding:0;
border:0;
float: left;
overflow: hidden;
width: 70%;
background: #C0C0C0;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin:0;
padding:0;
border:0;
float: left;
overflow: hidden;
width: 30%;
background: #C0C0C0;
}
/* end LayoutCell */
Obviously I've done something wrong, because it still reads them both as being the same thing - the error is no doubt glaringly obvious to you, but to me it's like trying to find rocking horse dung....
So, please please please, can some guru help me out here. I'm sure there's some way that I can do this, but my knowledge wouldn't fit in a matchbox and I have no idea where to start looking....
Thank you!!
Jude
the url is: http://www.judahraine.com/romancewriteup
My apologies for being such a dork!!
Jude :oops:
but in wordpress it would be best to keep everything as is.
so your sidebar should have a background-color:#(your preferred hex);
not .Sidebar1BlockContent or .Sidebar1Sidebar1BlockContent
Yes this theme is a dogs dinner but she had problems finding a theme that works so I thought it best not to say anything before :mrgreen:
Anyway, you have selectors like .Sidebar1BlockContent a in your css but no class="Sidebar1BlockContent" in your html. I think I told you to use .sidebar1 .BlockContent in my previous post but I could have told you wrong by mistake. Either way, case and spaces are important in css so be sure to go back and check any edits you made bearing this in mind.