trying to change submit button colour/design

I also use the pro version of the open table widget

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!

Hey,

I tried adding that in and nothing changed unfortunately?

Do you know why it might not be working?

C

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.

yeh, they are in there, I think the global css might be overiding it?

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?