Okay
  Public Ticket #3410884
changing colors in woocommerce checkc out
Closed

Comments

  •  1
    Daniela started the conversation
    July 10, 2023 at 5:48pm

    Hello,
    I need to change the colors of the checkout table (see attached image), because as you can see, come of the titles aren't showing due to having the same font color.

    Can you help me?

    Thank you very much.

    Attached files:  Captura de ecrã 2023-07-10, às 18.44.01.png

  •  279
    Noah replied
    July 10, 2023 at 6:23pm

    Hi Daniela,

    We need a username password to access your site https://nerdcraft.pt/

    Could you also provide a link to one of these orders?

    Thanks.

  •  1
    Daniela replied
    July 11, 2023 at 1:44pm

    Hi Noah,

    I've turned off the maintenance mode. Here is the shop: https://nerdcraft.pt/loja/

    And here is the link of a order after selecting the payment: https://nerdcraft.pt/finalizar-compra/order-received/6182/?key=wc_order_8HKagYJloFquW

    I hope it helps.

    Thank you in advance.

    Regards,
    Daniela.

  •  279
    Noah replied
    July 11, 2023 at 1:50pm

    Hi Daniela,

    We would need a login to view that order link.

    Could we have a username password so we can view the order page.

    Thanks.

  •   Daniela replied privately
  •  3,001
    Andrew replied
    July 11, 2023 at 2:00pm

    Hello again,

    Thank you for getting back to us.

    The login credentials seem not to be working. Try logging in from your end and let us know if you see the same. Both on the wp-admin login form and the website login form.

    We look forward to your response.

    Thanks,

  •  1
    Daniela replied
    July 11, 2023 at 2:06pm

    Hello, please try again. 
    It works in my end.

    Thank you very much for the support.

  •  279
    Noah replied
    July 11, 2023 at 2:55pm

    Hi there,

    We were still not able to view the order but could you try the following CSS to change the color of those bits of text to black:

    section.woocommerce-order-details h2.woocommerce-order-details__title{
    color:black;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr th{
    color:black;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td a,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr td,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr th{
    color:black;
}

    add it to salient \ general settings - css script related - custom css code.

    Cheers.

  •  1
    Daniela replied
    July 11, 2023 at 4:36pm

    Thank you very much!

    It's solved.


    Have a nice day.