Hi @smith234
Can you provide a link to the page where you are using Give? That will help me to guide you much better with a specific example for customizing the CSS.
Thanks!
Actually, just saw your email as well and your link. Looks like you have a green button with a hover effect now. Can you verify that you’re all set, or is there something else?
Thanks!
I don’t like the looks of the button. I don’t like the effect showing part of it white. I like the plain buttons on your demo site. How can I do that? I have tried and tried. Something on the theme is making like that on mine.
Ah, I see. This is what you should use:
input[type="submit"].give-submit,input[type="submit"].give-submit:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
If you want a different hover effect add this afterwards:
input[type="submit"].give-submit:hover {
background: #CCC;
}
That’s just an example. Have fun!
I put both of those but I don’t see a change. The theme really wants to take over that for some reason.
I just checked your custom.css stylsheet and it’s entered like this:
[type="submit"]
Please make sure it’s entered instead like this:
[type="submit"]
Thanks!
that worked, sorry, it showed up like that in the email. Ty very much, I bought the stripe addon, I signed up for braintree but they have requirements, address must be listed on page you used, and a return policy must be listed on the page even if it’s a donation. If not they will hold funds lol, I have used stripe for years so I will prob just stay with them.
How can I make the buttons on the profile editor the same as the donation page?
I can’t access your Profile Edit page so it will be a bit more challenging to point you there exactly. The best thing for you to do is to get familiar with Google Chrome’s Dev Tools to find the ID or Class of that button and then apply the styles I gave you previously to that ID or Class. This is a very detailed overview of how you do that:
https://developer.chrome.com/devtools/docs/dom-and-styles
