X-Cart forums

[Janel]

This SHOULD be easy...but I've tried for 2 days and I know I'm probably just missing something.

If you go to my shop you can see how my welcome message goes past the table container background image. I've tried adding a padding and a margin to the right but both mess up the site...so I'm figuring I'm just adding it in the wrong spot on the css.

I've tried to add a margin or padding both to the BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT (does the trick on the welcome message but that makes the header not centered) and to the HTML,BODY but nope...not working.

Any suggestions???

www.blueowlstudio.com/shop

Thanks in advance

[gb2world]

One possible solution is to put a div inside the td of your central space. In home.tpl look for the comments that say "central space". After the first td add a new div:

<td valign="top" width="100%">
<!-- central space -->
<div style="margin-right:20px">

then close the div where the central space /td is:

</div>
<!-- /central space -->
</td>

adjust the value as required

[ARW VISIONS]

I usually name that TD main and use CSS to style it.


<td id="main">

[Janel]

Originally Posted by gb2world

One possible solution is to put a div inside the td of your central space. In home.tpl look for the comments that say "central space". After the first td add a new div:

<td valign="top" width="100%">
<!-- central space -->
<div style="margin-right:20px">

then close the div where the central space /td is:

</div>
<!-- /central space -->
</td>

adjust the value as required

So...this worked for my main page...but then when you go to product pages my header and my footer are not centered anymore. How do I keep them from moving on the subsequent pages???

[Janel]

figured it out...just had to mess with the padding on vert menus to get everything where it needed to be.

Thanks bunches.

[ARW VISIONS]

why are you using inline styles. us the stylesheet.

[Janel]

Originally Posted by Ashley

why are you using inline styles. us the stylesheet.

ummm....cuz I'm still kinda learning all this stuff as I go so ??? How would I just use the stylesheet? I use that for a lot of the stuff but not sure how to add something to it so I can achieve what I want.

I keep saying when I quit my "real job" I'm going to just learn this all from top to bottom. But as it is I'm learning what I can when I have the time to play with it. I wish I knew a lot more than I do.

[ARW VISIONS]

MAKE A BACKUP!!!

open the skin1.css in the skin1 folder.

I usually make a comment at the top called custom styles to kep them separate from the original styles.

you can make a comment like this.

/*
Custom styles
*/

to make a custom class use this

.customClass{
color:#66000;
fontweight:bold;
line-height:1.5em;
}

to call the class use this <div class="customClass">my content</div>


- this an have any name that is not already used in the style sheet. Classes can be used repeatedly in the .tpl files.

to make a custom ID use this

#customId{
color:#66000;
fontweight:bold;
line-height:1.5em;
}

to call the class use this <div id="customClass">my content</div>
- id should only be used once per page so use them sparingly.

hope this helps