Sidebox text not aligning

[raindark]

Hello,

i have been here before but I can't seem to figure out the problem. The text in my sidebox is not aligned with the rest. WHen I insert the pics it goes even farther onto the main page. Here http://www.veryprrettythings.com. Any advice would be great. Thanks

[kobra]

You have coded all this sidebox stuff into tables and these tables are not aligned even close to what you have for the box images

[barco57]

I remember when you were working on this before......which version of the cart are you using (you have two stylesheets)? You basically came at this backwards....I would have set up categories and links in sideboxes first and then determined what size the background image needs to be to wrap them without problems. Basically the current problem is that the navColumnOneWrapper is centered in #navColumnOne.columnLeft....but the background image for the sideboxes has two problems 1. its not wide enough to inlcude the sidebox content and 2. its placed in a position that is not inline with where the side boxes are placed in relation to the left edge of the navColumnOne........Hope this sheds some light on the problem for you.

[raindark]

Ok barco thankyou . I am now doing this on my own so I am understanding a little of what you are saying. I can't change the sidebox pic because i don't have the program to do that in. Is there anything I can do in the stylesheet to fix this. I am running version 1.3 . Thanks for the help.

[barco57]

what is the sidebox width set to (layout settings)? see this has to be done in stages first get the side box width correct and then tweak its positioning within the stylesheet to get it to align with the background image

[jettrue]

Ok barco thankyou . I am now doing this on my own so I am understanding a little of what you are saying. I can't change the sidebox pic because i don't have the program to do that in. Is there anything I can do in the stylesheet to fix this. I am running version 1.3 . Thanks for the help.

First, set the left sidebox in the admin to 138px wide. (configuration, layout settings)

then change this section of css in the stylesheet_new.css to:

#navColumnOne {
       margin:0;
       background-image: url('../images/sidetop-3.jpg');
       background-repeat:no-repeat;
       padding: 1.3em .3em 1.3em .5em;
}

(this reduces the right and left padding on that section.)

Now, the fact that you're running off of two stylesheets is confusing. I'd delete stylesheet_original.css off of your server.

You'll need to add this (and perhaps other css) over to stylesheet_new.css.

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
font-size: 1.1em;
font-weight: bold;
padding: 0.6em 0em;
}

This should get you closer.