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

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:


Magento 2 GitHub Repository

Magento Job Board - Some sort of tag line goes here

Latest Posts| View all Jobs