Styling the WooCommerce "thanks for your order" page

This topic has 4 replies, 2 voices, and was last updated 8 years ago ago by Rose Tyler

  • Avatar: Jun-E-Jay
    Michel
    Participant
    November 22, 2016 at 09:55

    Hi, after people place an order, they see a page that says: confirmation of your order, etc. Where can I style this page, because some text (the headers) are really big, and I want to make them smaller.

    Thanks!

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2016 at 10:30

    Hello,

    WP Dashboard credentials are incorrect. Please check them.
    Also, provide the link to the page where you want to change font size.
    If you need to change the styles you may always write your own css in custom css https://www.youtube.com/watch?v=Qok2zRedRMY

    Regards,
    Rose Tyler.

    Avatar: Jun-E-Jay
    Michel
    Participant
    November 22, 2016 at 10:34

    Sorry, now the credentials work.

    I dont have the link, because it is teh auto generated url after you make an order. Something like /?order-received/…..

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2016 at 10:45

    Hello,

    You can check your text in Chrome browser, click right mouse button on the element you need to modify and select Inspect element from the list. In the appeared console you’ll see its id or class.
    Also, you can read the article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/
    You should insert a code something like:
    http://prntscr.com/dabdc7
    and set the value you need.
    Please do all changes in custom.css it will prevent losing of your changes after theme upgrading.

    Regards,
    Rose Tyler.

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

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

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