Two little stylesheet questions

Here is the shop:

http://kaymillerdesigns.com/shoppe/

First, the categories box header is narrow. Not sure if it's the bread crumb nav that's causing it, but I need to fix it.

Second, the lower boxes on the right have a wider border than the top one.

Any ideas?

Thanks!

try this to start

#navColumnOneWrapper, #navColumnTwoWrapper {
width: 152px;
}

this should line everything up for you

Give it a go and let us know if it fixes both problems or just the one.

Your whole right sidebar appears to be covered by

and then inside that you have

The extra links box should not contain other boxes, so I have a suspicion that that div is not closed in the right place.

Okay, tried the first suggestion and nothing changed.

Glenn, I am sure I used those files straight "out of the box" but they could be wrong to begin with, I suppose. Could you point me to whatever I need to look at to find this? I looked at tpl_extra_links2_box.php and here's the content:

$content = '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';

for ($i=0; $i<sizeof($extra_links2); $i++) {
$content .= $extra_links2[$i] . '<br />';
}

$content .= '';
?>

Is there something I need to add here?

Thanks!

You have

'<div id="' . str_repl...

which needs to have a </div> to close it when it is finished listing its content.
So

$content .= $extra_links2[$i] . '<br />';
}

$content .= '</div>';
?>

(I wondered about that empty $content .= ''; which added 'nothing' to the content; then I realized that that must have been where the </div> originally was.)

Okay, added that and didn't change. I also went and downloaded the original files for the Extra Sideboxes contribution by Network Dad, that file didn't have this:

So I deleted it from my file and uploaded again and that didn't help, either. But, when I turn off that box, the double border goes away...

A view source shows this:

<td id="navColumnTwo" class="columnRight" style="width: 150px">
<div id="navColumnTwoWrapper" style="width: 150px"><!--// bof: extralinksbox //-->
<div class="rightBoxContainer" id="extralinksbox" style="width: 150px">
<h3 class="rightBoxHeading" id="extralinksboxHeading">Favorite Places</h3>
<div id="extralinksboxContent" class="sideBoxContent"><a href="http://www.nitwitcollections.com">Nitwit Collections</a><br /><br /></div>

<!--// eof: extralinksbox //-->

<!--// bof: information //-->
<div class="rightBoxContainer" id="information" style="width: 150px">
<h3 class="rightBoxHeading" id="informationHeading">Information</h3>
<div id="informationContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=shippinginfo&zenid=8e5e71e5fad5032180c9d44180e2d552">Payments & Returns</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=privacy&zenid=8e5e71e5fad5032180c9d44180e2d552">Privacy Notice</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=conditions&zenid=8e5e71e5fad5032180c9d44180e2d552">Conditions of Use</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=contact_us&zenid=8e5e71e5fad5032180c9d44180e2d552">Contact Us</a></li>

<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=discount_coupon&zenid=8e5e71e5fad5032180c9d44180e2d552">Discount Coupons</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=unsubscribe&zenid=8e5e71e5fad5032180c9d44180e2d552">Newsletter Unsubscribe</a></li>
</ul>
</div></div>
<!--// eof: information //-->

which clearly shows that the extralinksbox does not have all its divs closed (unlike the info box). It is possible that both of them were missing before. Even if only one of them is missing now, it will still malfunction as you see.

Try adding another </div> in that line

$content .= '</div></div>';

and see if that helps. If not, there is a problem in another file too.

You mention tpl_extra_links2_box.php (which appears to be missing a </div>), but the problem appears in extralinksbox.

Did you edit the right file?

Sorry, yes, there are two of them. That's what's odd, the second one is the bottom box on the right and it seems fine...so...I went and moved that file and renamed it. That helped, but I still have a couple of issues...the box seems to be shifted over 1 pixel for some strange reason and I can't figure out how to add padding to the contents only without adding it to the heading.

Sorry for all the questions, I'm learning as I go here :) .

Try

#extralinksbox a {
padding: .5em;
font-size: 1.2em;
}

to adjust the "Nitwit Collections" link text only. (Adjust numbers as required.)

The shift issues are truly weird...

Well, that helped with the text in one of the two boxes, but it's still not right. I swear I can't remember having this trouble before. Maybe it came about with v1.3 and I just haven't done text in one of these boxes since then. Is there a better way to add a sidebox now in 1.3?

Okay, I'm trying the blank sidebox mod that is actually for 1.3 and it is better, but I can't seem to figure out how to left align the text...any ideas on that? And I'm still stumped on that top left box heading...

Thanks so much!

Changing the width of the navwrappers to 152 does work in firebug, I'm not sure why it's not taking in the stylesheet.
The columns are set to 150, and its the border thats making it look funky. If you comment out the border on .leftBoxContainer and .rightBoxContainer, you will see what I'm saying.

where did my edit button go?

add this to the bottom of your stylesheet, works just fine in ff and not just firebug this time ;)

#navColumnOne, #navColumnTwo {
padding-right: 2px;
}