Last modified by WisdOMbooks on Thu, June 24, 2010 16:44
Source|Old Revisions  

IMHO, it is more eye-pleasing and more readable for the customers

if the labels at the left-side of the Attributes’ table (in the Product page)

are made right-aligned, instead of their current default left-aligned.

For the above purpose, go to

skin → front-end → default → default → css → boxes.css

at line 975 in the Product Collateral section and

add the following

text-align:right; margin-right:3px;

inside the curly brackets of the original code of that line

.product-collateral .attribute-specs .label { font-weight:bold; }

so that the final result reads like this:

.product-collateral .attribute-specs .label { text-align:right; margin-right:3px; font-weight:bold; }

The new code of the 975 line should be the same as the one in the below image

(the grayed text in the 2 previous lines is a note of the changes we have done to the code, for future reference ):

The Labels in the Attributes’ Table of the Product page in the front-end look now right-aligned, as in this image: