Couple of things...
Your swatches are 150 pixels wide.
So, in your stylesheet, you need to give relative space to these images.
Around line 500 or so, your stylesheet says:
Code:
/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}
What this is doing is taking the AVAILABLE space in your center column (not very much) and dividing 100% of that space by 20% - which results in FIVE equal portions of space.
Now... your center column is about 420 pixels wide, and if you divide that by 5 (20% each) then you get five "positions" that cannot be wider than 84 pixels each (420/5 = 84).
But your swatches are 150px - almost twice as much as 84px.
So you either:
1. Increase the centre column width by changing mainWrapper.
2. Make the swatches NARROWER than 84px
3. Change the declaration:
Code:
/*Attributes*/
.attribImg {
width: 155px;
margin: 0.3em 0em;
}
OR
Code:
/*Attributes*/
.attribImg {
width: 50%;
margin: 0.3em 0em;
}
NB:Changing the declaration will have site-wide results...
Bookmarks