• Resolved maximoau

    (@maximoau)


    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/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter maximoau

    (@maximoau)

    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

    (@maximoau)

    Anyone able to help??

    Thread Starter maximoau

    (@maximoau)

    Anyone out there????

    Thread Starter maximoau

    (@maximoau)

    Any One able to help!!

    Plugin Author isabel104

    (@isabel104)

    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

    (@maximoau)

    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

    (@isabel104)

    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

    (@maximoau)

    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.