Hey ondestas,
We can definitely help you out with this! My guess is that your theme is changing some of the CSS for the plugin’s forms. I can help you fix it if you send a link to a page that has the form on it. If you don’t want to post that here, please use our contact form:
https://roundupwp.com/support/
Thanks!
Yep, no problem. Do you need the website or the page? The page where the form is is private, so if you need it let me know that and I can make it public for a while.
Link: http://agilitycia.es
If possible, a link to a page that has the form on it will work best. So if you could make it a public page for a moment, I can take a look right away.
It looks like your theme is adding a bunch of html in the middle of the form and changing how it displays. You can either try disabling this feature of the theme or you can try adding this to the “Custom CSS” area on the “Form” tab inside the plugins settings pages to help:
#rtec input[type="text"],
#rtec input[type="email"],
#rtec input[type="tel"],
#rtec input[type="number"],
#rtec textarea {
padding: 2px !important;
}
The labels will be visible after clicking inside the input field, however, the error messages are still broken, likely due to to the changes your theme makes. It should be usable at least.
Let me know if you have more questions!
– Craig
Done! Now the labels appears when I click to write.
It’s possible to make it permanent?
Thanks!
-
This reply was modified 7 years, 7 months ago by
ondestas.
No problem! Glad we could find something that works.
If you add CSS to the setting I mentioned, it will be permanent with every update. So no worries about losing the changes.
Have a great weekend!
– Craig
I mean that right now the label is visible if I click on the field to write. Is there any way to make it always visible?
This might be possible. It looks like you may have made the page private again. Do you want to let me know when it’s public again so I can take another look?
Ops, sorry, done! I will wait for you to make it private again.
Try adding this as well:
body[data-form-style="minimal"] #rtec .minimal-form-input label span {
color: #333 !important;
top: auto;
}
body[data-form-style="minimal"] #rtec .minimal-form-input label span.text {
top:auto;
}
body[data-form-style="minimal"] #rtec .minimal-form-input label .text-inner,
body[data-form-style="minimal"] #rtec .minimal-form-input.has-text label .text-inner{
animation: none !important;
-webkit-animation: none !important;
}
Seems to work for me
– Craig
It looks like the quotes are causing an issue. Try this instead:
body[data-form-style=minimal] #rtec .minimal-form-input label span {
color: #333 !important;
top: auto;
}
body[data-form-style=minimal] #rtec .minimal-form-input label span.text {
top:auto;
}
body[data-form-style=minimal] #rtec .minimal-form-input label .text-inner,
body[data-form-style=minimal] #rtec .minimal-form-input.has-text label .text-inner{
animation: none !important;
-webkit-animation: none !important;
}
Oh yeah! You’re the boss! THANK YOU very much, and sorry for the unlimited questions 🙂
11/10
