Centering the Latest Products

[Guest genxgsm]

my website is http://www.genxgsm.com i want to center the latest products its on the left and looks very unprofessional thanks!

[markscarts]

1. Look in

skins/Legend/styleTemplates/content/index.tpl and find code like this:

		<!-- BEGIN: repeat_prods -->

			<div style="float: left; text-align: center; width: {VAL_WIDTH}px;">

Replace it with this new code:

		<!-- BEGIN: repeat_prods -->

			<div class="latestProds">

2. Now open skins/Legend/styleSheets/layout.css, and at the very end of that file add this:

.lateProds {

float: left;

text-align: center;

width: 150px;

height: 150px;

margin-top: 10px;

margin-left: 10px;

}

3. Adjust the mmargin-left amount (10px, in red above) up or down little by little until they are centered properly, then check in multiple browsers.