Try editing the custom stylesheet and remove the left & right padding on .samscontentholder:
.samscontentholder {
background:url(images/blog_top.jpg) no-repeat 100% 0;
margin-right:2em;
margin-top:2em;
padding-left:3em;
padding-right:6em;
}
to
.samscontentholder {
background:url(images/blog_top.jpg) no-repeat 100% 0;
margin-right:2em;
margin-top:2em;
}
Esmi – no go. I have no idea where this is comin from…
Weird. It worked for me in Firebug. You’ve got a call to blog_left.jpg in .samscontentholder .sideleft at the moment but image path is wrong. It should be images/blog_left.jpg.
.samscontentholder .sideleft {
background:url(images/blog_left.jpg) repeat-y left 5em;
left:1.4em;
margin-top:2em;
position:relative;
top:0.3em;
}
You could adjust the image url in .samscontentholder .sideright to match whilst you’re in there.
ESMI – I resolved it. Actually feels good to figure something like this out seeing as I didn’t know CSS before I started…..
In any case…. solution was changing the html to use a background: as opposed to an img. I needed to change the height of the element too.
Code was….
echo ‘<div style=”height:24px; background:url(/wp-content/themes/thesis/custom/images/blogside_top.jpg);”> </div>’ ;}
BTW – how do all of the borders around the elements line up for you?
Looking good in FF3.5/WinXP. Slight issue with Sidebar 2. The background light grey is visible on the far right of the sidebar top and right edge. At the foot of the page, the Previous/Next links are escaping out of the white content area.
IE8, unfortunately, is having problems with pretty much all of the images except the border images. 🙁 Could that be the image urls again?
