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
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.
Hi Isabel,
I really appreciate your generous time to add this feature to this great FREE plugin.
Thank you from all of us.
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.
Hi Isabel,
Sincere thanks and heartiest appreciation for all your great work on this FREE plugin.