Add it to the same location as before. If this does not work when repond with temporary admin access - username and password with admin privileges - so that we can fine tune the CSS from the backend.
its not working. I think because the container-wrap padding for the different inputs is already set to !important. Maybe thats the reason that your setting is not working.
Any suggestion? You should globaly fix this. I think a lot of people are using caldera forms.
thank you for fixing it. Great support. It works perfect!! I added the code for input field type "email". That one was missing.
So here is the complete code for fixing Firefox padding problem ->datefield, email field, text field. Maybe useful for someone else using caldera forms and salient theme.
If I put this code for container-wrap into Design->Editor->style.css (salient childtheme) it is not working. I have to put it into the salient custom css section for making it to work.
Whats the reason for it? So i can maybe fix things faster by myself next time.
At that style.css location the CSS does not apply because it's overridden by the one on the ascend.css files served as part of the theme's CSS.
So adding it to salient options make sure it overrides the one in the theme. Just to clarify things up, the theme's CSS overrides that for caldera forms plugin so the input filed text looks bad. We in turn override the theme's CSS and place it on salient theme options.
Dear Support,
there is a generally a problem with the forms fiedls (calderaforms) and Firefox in combination with the salient theme.
Check attachment
Would be great if you could help me to fix this.
Thank you!
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey,
you can access the page with the following host entry.m
85.13.152.100 obermichelerhof.it
85.13.152.100 www.obermichelerhof.it
The URL where you can find the form is the following: http://www.obermichelerhof.it/anfragen/
Thank you!
Hi Erwin,
Could you use this CSS to correct that issue:
.caldera-grid .form-control { height: 44px !important; }Add the css to salient \ general settings - css script related - custom css code.
Hope this helps.
Hey Andrew,
its not working for all the fields. Dropdown is ok, but textfields are still broken. Try to write something in it.
And the comment (Nachricht) box is now also at that hight of 44px.
Thank you.
Hi Erwin,
Apologies for the late reply.
Could you use this CSS instead:
.caldera-grid .form-control { padding: 6px 12px !important; }Add it to the same location as before.
If this does not work when repond with temporary admin access - username and password with admin privileges - so that we can fine tune the CSS from the backend.
Thanks.
Hey Andrew,
almost.
text fields are not ok.
Its a general problem with salient and caldera-grid. You can reproduce it using caldera forms on your salient web, the problem will be the same.
Erwin
ps. please check attachmnent. The problem is coming from the ascend.css
If I uncheck the padding, the input text field is working as it should.
How can I fix?
Thank you
Hi again Erwin
Thank you for writing back to us.
In that case, please add the following code:
.container-wrap input[type="text], .container-wrap textarea, .container-wrap input[type="email], .container-wrap input[type="password"], .container-wrap input[type=tel], .container-wrap input[type="url], .container-wrap input[type="search], .container-wrap input[type="date"]{ padding: 0px !important; }Hope this helps.
Best regards.
Hi again,
its not working. I think because the container-wrap padding for the different inputs is already set to !important. Maybe thats the reason that your setting is not working.
Any suggestion? You should globaly fix this. I think a lot of people are using caldera forms.
Thank you for the great support
Hi Erwin,
Sorry for the late reply.
Think it would be best if we can write and test the CSS from the backend to make sure it fully works and there are not suprises.
A username password with admin privileges would be best.
That should avoid the back and forth.
Thanks.
Hi Erwin,
Apologies for the late reply.
We logged in and added this CSS:
.caldera-grid .form-control { padding: 6px 12px !important; } .container-wrap input[type="text"]{ padding: 6px 12px !important; }We tuned it and it tested it and works.
Cheers.
Hey Andrew,
thank you for fixing it. Great support. It works perfect!! I added the code for input field type "email". That one was missing.
So here is the complete code for fixing Firefox padding problem ->datefield, email field, text field. Maybe useful for someone else using caldera forms and salient theme.
.caldera-grid .form-control { padding: 6px 12px !important; .container-wrap input[type="text"], .container-wrap input[type="email"]{ padding: 6px 12px !important; }@Andrew: One last question:
If I put this code for container-wrap into Design->Editor->style.css (salient childtheme) it is not working. I have to put it into the salient custom css section for making it to work.
Whats the reason for it? So i can maybe fix things faster by myself next time.
Thank you :)
Hi Erwin,
At that style.css location the CSS does not apply because it's overridden by the one on the ascend.css files served as part of the theme's CSS.
So adding it to salient options make sure it overrides the one in the theme.
Just to clarify things up, the theme's CSS overrides that for caldera forms plugin so the input filed text looks bad. We in turn override the theme's CSS and place it on salient theme options.
Hope this clears things up.