• Resolved securec

    (@securec)


    I am trying to change the alignment of the purchase note text for WooCommerce. Currently, the alignment for all the purchase note text is right-aligned, but I need it to be left-aligned. No CSS I have tried can achieve this.

    Please assist. Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Aashik P – a11n

    (@aashik)

    Currently, the alignment for all the purchase note text is right-aligned, but I need it to be left-aligned. No CSS I have tried can achieve this.

    I’m not exactly sure what you mean by purchase note text.

    To make sure we’re on the same page, can you please get back to us with

    1. System Status Report:?You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.
    2. A full-page screenshot of the page you’re looking at.
      • If you don’t already have a screenshot service installed, you can try https://snipboard.io or https://skitch.com/.
      • You can share the direct link to the image as a response to this topic.
      • [Please redact any private details, including address, name, email address, transaction details, API Keys, Passwords, etc]
    Thread Starter securec

    (@securec)

    Hi There,

    Please see purchase note I am referring too below:

    https://snipboard.io/C9Nyrs.jpg

    On the frontend this purchase note text for each product is right-aligned and we need it to be left-aligned.

    How can we achieve that?

    Thanks

    Plugin Support Aashik P – a11n

    (@aashik)

    Please see purchase note I am referring too below: https://snipboard.io/C9Nyrs.jpg

    Thank you for clarifying @securec

    On the frontend this purchase note text for each product is right-aligned and we need it to be left-aligned.

    In Storefront theme, it is left aligned by default:

    Purchase note
    Link to image: https://d.pr/i/fUeX1E

    I do not see a System Status Report, but you may be able to achieve the same results with this CSS depending on the theme you’re using

    .woocommerce-checkout .product-purchase-note td {
        text-align: left;
    }

    If that doesn’t help, please get back to us with:

    1. System Status Report:?You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.
    2. A screenshot of the page you’re referring to.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Purchase Note Alignment’ is closed to new replies.