Cant change alignment in css

  • Chou

    (@litionator)


    4 years, 5 months ago

    Hi,

    I really appreciate this plugin. But I have an issue with the alignment. Please refer to this screenshot

    Currently the prices are all in center, but I need them to be on the right side.
    I tried with this css:
    .email-spacing-wrap tr > *:last-child {
    text-align: right !important;
    padding-right: 10px !important;
    }

    It worked in the editor, however when I send emails, the css gets ignored.
    I saw somewhere that with emails, providers would take the css for emails and render it inline in html, so Im not sure that could be the case?

    Is there a fix around this?

    Please let me know thanks.

    Best regards,
    Troy

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    4 years, 5 months ago

    Hello Troy,

    Apologies for the delay in getting back to you.

    For us to better replicate and advise on the custom CSS code, could you indicate which template you’re using and send a screenshot of your order items settings(Email Customizer > Content > Order Items)?

    Alternatively, try to add this in your Custom Styles and see if it work for the prices’ alignment:

    .email-spacing-wrap table td .woocommerce-Price-amount {
   float: right;
}

    Hope this helps and let us know if we can assist you further.

    Regards,
    Karla

    djtlumic

    (@djtlumic)

    4 years, 1 month ago

    Hello, your css works great for woo.price amount. Can the same be done for “Price” label above price amount? Thank you for answer.

    • This reply was modified 4 years, 1 month ago by djtlumic.
    hannah

    (@hannahritner)

    4 years, 1 month ago

    Hey,
    I don’t believe there’s a way to target the price label specifically, but this css would target all your labels:

    th.td {
    text-align: right !important;
}

    Best,
    Hannah

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

The topic ‘Cant change alignment in css’ is closed to new replies.