Two little stylesheet questions

[digidiva-kathy]

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!

[TMC_Sherpa]

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.

[gjh42]

Your whole right sidebar appears to be covered by
<div id="extralinksbox" class="rightBoxContainer" with border:1px solid #E9718D;

and then inside that you have
<div id="information" class="rightBoxContainer" also with border:1px solid #E9718D;

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

[digidiva-kathy]

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!

[gjh42]

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.)

[digidiva-kathy]

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:

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

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...

[gjh42]

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&amp;zenid=8e5e71e5fad5032180c9d44180e2d552">Payments &amp; Returns</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=privacy&amp;zenid=8e5e71e5fad5032180c9d44180e2d552">Privacy Notice</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=conditions&amp;zenid=8e5e71e5fad5032180c9d44180e2d552">Conditions of Use</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=contact_us&amp;zenid=8e5e71e5fad5032180c9d44180e2d552">Contact Us</a></li>

<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=discount_coupon&amp;zenid=8e5e71e5fad5032180c9d44180e2d552">Discount Coupons</a></li>
<li><a href="http://kaymillerdesigns.com/shoppe/index.php?main_page=unsubscribe&amp;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.

[gjh42]

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?

[digidiva-kathy]

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 :) .

[gjh42]

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...