4_-_themes_and_template_customization:catalog:align-right_the_labels_in_the_attributes_table_instead_of_default_align-left

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

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

are made 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 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 what we have done, for future reference ):

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




 

Magento 2 GitHub Repository

Magento Job Board - Some sort of tag line goes here

Latest Posts| View all Jobs