4_-_themes_and_template_customization:catalog:align-right_the_labels_in_the_attributes_table_instead_of_default_align-left
This is an old revision of the document!
IMHO, it is more eye-pleasing and more readable for the customers
to have the labels at the left-side of the Attributes’ table
aligned-right, instead of their default aligned-left.
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
.product-collateral .attribute-specs .label { font-weight:bold; }
so that the final line should read like this:
.product-collateral .attribute-specs .label { text-align:right; margin-right:3px; font-weight:bold; }
The 975 new code line should then be same as the one in the below image
(the grayed text in the 2 previous lines is a note of what we have done, for future reference ):
Thus, the Labels in the Attributes’ Table in the front-end will look right-aligned, as this:




