Hey @qnconcept – Wow, great looking site. It looks like the issue is the theme is settings some pretty strict padding styles on the element. This CSS will clear that up:
form[id*="give-form"] .give-donation-amount #give-amount { padding: 0 0 0 10px !important; }
If you’re not sure how to add this to your site we have an article explaining that here: https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/
Please let me know if you have anymore questions!
Hi Devin!
Thanks for you support. I did that, but the bug is still there.
Could you have a second look?
Thx.
Sam
It works now. It was my fault… I did not include the CSS snippet correctly.
One other thing: The donate button (German “Jetzt spenden”) is not showing up consistent.
http://bit.ly/2ieDCnc vs. http://bit.ly/2iitlGN
Do you know why? I want it to be blue on hover like in the second link.
Happy New Year!! 🙂
HI there,
Your theme has different styles for link buttons, compared to a submit button. That’s why they are different. You can override it with the following:
border-color: transparent!important;
background-color: #27CFC3!important;
color: #fff!important;
transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1);
-moz-transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1);
-o-transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1);
-webkit-transition: border-color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1);
If you’re enjoying Give and appreciate our support, we’d love a kind review from you here:
https://ww.wp.xz.cn/support/plugin/give/reviews/
Thanks!
