Title: vertically align the attribute values
Last modified: August 24, 2016

---

# vertically align the attribute values

 *  Resolved [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/)
 * Hi
    Thank you Isabel for this great plugin
 * Does anyone know how I vertically align the attribute values shown on all the
   relevant pages and emails.
    I have the attribute labels showing in bold (good)
   but all the relevant values first letters are not vertically aligned (bad). They
   are all only two characters away from the end of the bold labels. It would be
   great to be able to vertically align them all 4 characters away from the longest
   label show. Now it Looks messy.
 * Hope this description is clear.
 * Thank you
 * [https://wordpress.org/plugins/woocommerce-show-attributes/](https://wordpress.org/plugins/woocommerce-show-attributes/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Thread Starter [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162266)
 * I know this css code is not correct.
    But the attribute-values move under the
   attribute-label all in a line but only in the main product page and not the cart
   or the admin email.
 * ul.custom-attributes .attribute-value {
    padding-left: 0px; display: table-cell;}
 * Anyone able to help?
    Im sure its something simple
 * thanks
 *  Thread Starter [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162369)
 * Anyone able to help??
 *  Thread Starter [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162371)
 * Anyone out there????
 *  Thread Starter [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162379)
 * Any One able to help!!
 *  Plugin Author [isabel104](https://wordpress.org/support/users/isabel104/)
 * (@isabel104)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162385)
 * I’m very sorry for the delay.
 * **1. Aligning Attributes in the Emails:**
 * The attributes will be aligned vertically in the next plugin update, which should
   be released within the next 24 hours. If you need it done immediately, you can
   add this code to your functions file:
 *     ```
       function wcsa_email_style( $css ) {
       	$css .= '.custom-attributes {display: table}.custom-attributes > span {display: table-row}.custom-attributes .attribute-label{white-space: nowrap}.custom-attributes .attribute-value {padding-left: 8px;display: table-cell}.custom-attributes br {display: none}';
       	return $css;
       }
       add_filter( 'woocommerce_email_styles', 'wcsa_email_style' );
       ```
   
 * **2. Aligning Attributes Elsewhere:**
 * I’m not going to add the following CSS to the plugin because loading more CSS
   files decreases page speed. For better page speed, add this CSS into any of your
   stylesheets (or, some of you may have an options panel that let’s you add custom
   CSS in the dashboard):
 *     ```
       .custom-attributes {
         display: table;
       }
       .custom-attributes > span {
         display: table-row;
       }
       .custom-attributes .attribute-label{
       	white-space: nowrap;
       }
       .custom-attributes .attribute-value {
         padding-left: 8px;
         display: table-cell;
       }
       .custom-attributes br {
       	display: none;
       }
       ```
   
 * For this CSS to work on the Product page, you’ll have to enable the “Show Attributes
   in a span Element” setting in the plugin settings, under Style Options.
 * I hope this helps. Again, very sorry for the delay. Thanks for your patience.
 *  Thread Starter [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162386)
 * Hi Isabel,
    I really appreciate your generous time to add this feature to this
   great FREE plugin. Thank you from all of us.
 *  Plugin Author [isabel104](https://wordpress.org/support/users/isabel104/)
 * (@isabel104)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162387)
 * Update: Version 1.4.2. has been released. You no longer need the code from #1
   above (**Aligning Attributes in the Emails**). Version 1.4.2 already includes
   that code.
 *  Thread Starter [maximoau](https://wordpress.org/support/users/maximoau/)
 * (@maximoau)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162388)
 * Hi Isabel,
    Sincere thanks and heartiest appreciation for all your great work
   on this FREE plugin.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘vertically align the attribute values’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/woocommerce-show-attributes_d1b9b7.
   svg)
 * [WooCommerce Show Attributes](https://wordpress.org/plugins/woocommerce-show-attributes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-show-attributes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-show-attributes/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-show-attributes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-show-attributes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-show-attributes/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [maximoau](https://wordpress.org/support/users/maximoau/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/vertically-align-the-attribute-values/#post-6162388)
 * Status: resolved