How do i change the font and colour on the order status page

This topic has 6 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Olga Barlow

  • Avatar: BLUEQUIN
    BLUEQUIN
    Participant
    August 31, 2021 at 20:29

    How do i change the font and colour on the order status page. I want to change bank details colour and font.

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2021 at 20:39

    Hello,

    Please provide screenshots and URL. Use Gayzo or Lightshot screenshot tools to make and share screenshots.

    Regards

    Avatar: BLUEQUIN
    BLUEQUIN
    Participant
    August 31, 2021 at 23:24

    private

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2021 at 08:15

    Hello,

    Custom CSS code can be used. For example:

    .woocommerce-order-received .woocommerce-order-overview li strong, .woocommerce-order-received .shop_table .amount, .woocommerce-order-received .wc-item-meta li {
        color: white;
    }

    add the code in Theme Options > Theme custom CSS.

    To find out classes, inspect code using inspector tools.
    Open a web page in Google Chrome. Either:
    -Select the Chrome menu at the top-right of your browser window, then select Tools > Developer Tools.
    -Right-click on any page element and select Inspect Element.
    The DevTools window will open at the bottom of your Chrome browser.

    Regards

    Avatar: BLUEQUIN
    BLUEQUIN
    Participant
    October 3, 2021 at 15:58

    private msg

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 4, 2021 at 14:42

    Hello,

    Provide us with link to your order details page. What color of the font do you want o use there?

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.