trying to change submit button colour/design

HI there,

The reason it doesn’t match is because your theme is styling links, but our widget button is an input. But here’s how you can do that.

1) The input class is .otw-submit
2) Get all the styles of your themes links for .x-btn
3) Apply those styles to .otw-submit

Here’s what I tested quickly which seems to get you most of the way there:

.otw-submit {
    height: 58px;
    font-family: Butler;
    width: 220px;
    color: #000026;
    margin-bottom: 0;
    border-width: 3px;
    text-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
    box-shadow: none;
    padding: 0.714em 1.286em 0.857em;
    font-size: 21px;
    border: 3px double #000026;
}

You’ll probably want to add a otw-submit:hover style as well.

If you need guidance on implementing custom CSS on your website, we have this guide here:
https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

Thanks!

I don’t see those rules applied to any of your stylesheets at all, so my guess is that it’s not in the right place.

No, if it was being applied, it would still be visible in Chrome Dev Tools on that element, but it’s not. Which stylesheet did you add it to?