Hi, I have a page allowing for donations to a charity I assist using the Enfold Theme and “Give” donations plugin. The issue I am having is minor, but frustrating.
There is a form field containing a “$” and then an area where you can enter your amount… you’ll notice in the below example that the lines are split into two lines… I can’t for the life of me figure out why its dropping to a second line.
I understand this is a plugin not supported, but wondering if there is a conflict with Enfold that I am not seeing?
Cheers again for any of your help.
Hi antdesign01!
There is no conflict as it seems, there is just not the proper CSS for the element.
Add the following CSS
#top .main_color input[type=”tel”] { width: 80%; }
and let us know if that will fix your issue.
Thanks a lot
Regards,
Basilis
That doesn’t seem to have helped.
Any updates on this one?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
form[id*=give-form] .give-donation-amount #give-amount {
width: 80%;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
width: 16%;
}
Best regards,
Yigit
That’s it! Legend!
All good. Thank you.
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit