Changing Background Color of Thank You Message CSS [Checkout Result Page]

  • Resolved nebmotion

    (@nebmotion)


    4 years, 2 months ago

    Hi there,

    I’ve been struggling to work out how to change the default styling of the default thank you message, in particular the background colour.

    The default background color is a pale green which really clashes with the aesthetic of my site.

    I have searched a while through the forums and documentation but cannot find anything guiding this, I did come across some documentation regarding changing the text colour and font weight but nothing about the background colour.

    I have tried adding this to my additional CSS:

    .asp-thank-you-page-msg-wrap {
    background-color: #000000;
    font-weight: bold;
    color: blue;
    }

    I just would ideally like the background black.

    I’m not the most tech savvy so apologies if I am missing something stupid…

    Many thanks

    • This topic was modified 4 years, 2 months ago by nebmotion. Reason: missed tags

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    Hi, I checked the URL above and the background color is black. Or am I checking the wrong URL?

    Thank you

    Thread Starter nebmotion

    (@nebmotion)

    Hi there,

    Thank you so much for the quick response!

    I believe that’s because I just linked the checkout page, the message only generates from a submission of the stripe payment purchase button.

    I have linked a test page for you, could you possibly submit a test payment from one of the buttons in the table for me? I have it in test mode so just need to do the 4242 thing to see the message.

    https://nebmotion.co.uk/test-product-stripe/

    many thanks

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi,

    Try the following custom code. Make sure you adjust the color to suit your needs.

    .asp-thank-you-page-msg-wrap {
    background: #131213;
    }

    All I did was to use background: instead of background-color:. Let me know if the above works for you.

    Thank you

    Thread Starter nebmotion

    (@nebmotion)

    Hi,

    No luck with this I’m afraid ?? still green.

    I’m not too sure why the additional CSS isn’t overriding for this particular thing.

    Many thanks

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi,

    Make sure you have cleared any cache if you are running a cache plugin. Try also using important, see if that helps.

    .asp-thank-you-page-msg-wrap {
    background: #131213 !important;
    }

    Regards

    Thread Starter nebmotion

    (@nebmotion)

    yes the important function worked like a charm!!! thank you so much.

    Resolved. <3

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Background Color of Thank You Message CSS [Checkout Result Page]’ is closed to new replies.