Call-back icon  Sales: Call 800.374.8146 (N America)|757.278.0920 (International)

Magento

Open Source eCommerce Evolved

align-right_the_labels_in_the_attributes_table_instead_of_default_align-left

Last modified by WisdOMbooks on Sun, July 6, 2008 00:16
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:

Related Tags:  alignementalignattributelabelproduct page



 

Popular Wiki Tags  |  View all

 observer   model   clienti magazin   pdf   video   image   upload   CRM   vtiger   diagram   schema   pages   CGI   cron   registration 

Professional Services from the Magento Team

Professional Installation from the Magento Team

Magento Job Board - Some sort of tag line goes here

Latest Posts| View all Jobs
Sales: Call 800.374.8146 (North America) 757.278.0920 (International)
© Copyright 2008 Varien. Magento is a trademark of Irubin Consulting Inc. DBA Varien
Privacy Policy|Terms of Service
Magento Community Count
33557 users|324 users currently online|74501 forum posts