title spacing on sideboxes

:blush: I cannot tell you how embarrasing this question is from a zencart oldie like me, but I have be struffkung with this for two days now, and I must be having some kind of a brain cramp as I have never had this roblem before :oops:

so for all of you chucking at me right now..be careful it could happen to you when you get older too!

Anyway, I have tried all kinds of different padding, and whatever I can think of, but I am having a problem in th current v1.37 store I am doing with the sidebox titles being too high on the left and right columns, and the links on the top and footer nav bars being too low.

Could someone, please help refresh my brain with the obvious so I can take my embarassed self back to my corner and move forward.

thank you,

betty

As you've tried lots of stuff and this isn't a normal Zen Cart problem, we'll need to see the site bettysue

kuroi:

As you've tried lots of stuff and this isn't a normal Zen Cart problem, we'll need to see the site bettysue

ok, but be gentle as it's the lients logo and choice of colors - not mine...lol plus a work in process...lol

http://www.forwardmotionconcepts.net/desertrose/index.php?main_page=

betty

Hi bettysue

I know that feeling of going around in circles. Happily your issues look releatively straightforward to fix.

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {

font-size: 11px;
color: #000000;
padding-left: 0px;
padding-right:0px;
padding-top:4px; <-- changing this works for me on your site
padding-bottom:1px;

}

#navMain ul, #navSupp ul, #navCatTabs ul {

margin: 0;
padding: 0.5em 0em; <-- a value of 0.2em for the first value here seems to center the links nicely
list-style-type: none;
text-align: center;
line-height: 1.5em;

}

kuroi:

As you've tried lots of stuff and this isn't a normal Zen Cart problem, we'll need to see the site bettysue

The fix on the nav bar worked great - thank you!

You didn't sat what to change the sidebox 4px padding to so I took it out and they titles went even further to the top <sigh>.

betty

For the nav menus the value was fairly obvious as it achieved centering. For the sideboxes the situation is different, sicne as top padding is increased the heading moves down, but also pulls in more of the orange background which could get over powering, so you (and your client) will need to make the judgement about how much is enough. Taking it out altogether is equivalent to setting it to zero in this case - clearly not the right direction :smile:

kuroi:

For the nav menus the value was fairly obvious as it achieved centering. For the sideboxes the situation is different, sicne as top padding is increased the heading moves down, but also pulls in more of the orange background which could get over powering, so you (and your client) will need to make the judgement about how much is enough. Taking it out altogether is equivalent to setting it to zero in this case - clearly not the right direction :smile:

Actually all I am aiming for since they want that darn green vine on the side boxes, is for the text to drop low enough, so that on the right side shopping cart box, the text to be low enough so that "shopping cart" clears the vines enough to show the full text. I don't want to drop below an 11px font to accomplish it, so it's a matter of spacing. This client won't understand any questions related to the spacing. As to where the orange falls, I can always change where the gradint falls, my main concern right now is where the text falls.

betty

bettysue:

Actually all I am aiming for since they want that darn green vine on the side boxes, is for the text to drop low enough, so that on the right side shopping cart box, the text to be low enough so that "shopping cart" clears the vines enough to show the full text. I don't want to drop below an 11px font to accomplish it, so it's a matter of spacing. This client won't understand any questions related to the spacing. As to where the orange falls, I can always change where the gradint falls, my main concern right now is where the text falls.

bettyA padding-top value of about 12px would achieve that, though if I were you I would tone down the resulting gradient as well.

You're a dream Kuroi! Thak you for heading me down the path to the solution!

I ended up dropping the bg image size down from 24 high to 20 high and changes the 12px padding to 8 px and all is well now. The ame fix worked on my center box.

Thank you VERY much!! I can finally go to bed now :clap:

betty

Ah yes. That "one last problem to solve" syndrome. I know it well. :rolleyes:

Sleep well betty