-
AuthorPosts
-
October 24, 2022 at 10:31 pm #1370063
Hi,
yes, i know you do not support other plugins :-) i just like your opinionif if should request refound….
i’ve recently bought quform, but i’m not able to make any styles from quform appear on the site.
In the preview pane all set style like border color, background color appear, but not on the final page.
If i to somthing like this to enfolds qustom css:.quform-3 .quform-element-group > .quform-spacer > .quform-child-elements { background-color: #edf1f9 !important; border: 1px solid #1d335a!important; padding 5px!important; }
this works, but it is not useable at least. Is something known about this issue?
Thank You
jens- This topic was modified 2 years, 1 month ago by wespe.
October 25, 2022 at 8:05 am #1370082Hey Jens,
Thank you for the inquiry.
Which element in the form are you trying to adjust? Please provide a screenshot or a link to the page containing the form.
Have you tried disabling the file compression settings and the cache plugin temporarily? You can enable them back once you’re done editing the site.
Best regards,
IsmaelOctober 25, 2022 at 8:49 am #1370098Hi Ismael, thanks for Answer….
– wp Cache plugin disabled
– enfold script / css merging disabled
– quform script / css merging disabledSimply All elements, whatever i do with quform like
– padding
– margin
– size (Hight Width)
– Color settings (border – background)
one more observation: i’m used to check elements with F12 in Chrome Browser, but when i come to the form, it is one block and not anymore expandable – that is quite unusualI’m afraid this is a bigger problem, and i should have test prior to buy with their demo :-(
Kind Regards
jensOctober 25, 2022 at 3:27 pm #1370191There is also some hint from the quform support:
“Unfortunately the Enfold theme uses very strong CSS selectors (prefixed with #top) for fields which overrides the base Quform field CSS.
It’s possible to override it though with custom CSS. Something like the code below should work to set the border/background of Text, Email and Textarea fields. You can add it to Forms – Settings – Custom CSS & JS – Custom CSS (All devices).”#top .quform .quform-element-text input[type="text"], #top .quform .quform-element-email input[type="email"], #top .quform .quform-element-textarea textarea { border: 1px solid #ccc; background-color: #fff; color: #555; } #top .quform .quform-element-text input[type="text"]:focus, #top .quform .quform-element-email input[type="email"]:focus, #top .quform .quform-element-textarea textarea:focus{ border-color: #66afe9; }
Adjust the colors to suit.”
“Enfold theme uses very strong CSS selectors (prefixed with #top) for fields which overrides the base Quform field CSS”
That sound incompatible to me, or do you have some trick to make quform work ?
Kind Regards
JensOctober 29, 2022 at 9:33 pm #1370675Hi,
Thanks for sharing the feedback, this is true that much of our css contains #top, in this case following Quform advice to add #top to their stylesheet rules should work as long as Quform is also adding the form element selectors to their stylesheet, I have not seen their stylesheet but in your first example there is no form element included:
.quform-3 .quform-element-group > .quform-spacer > .quform-child-elements {
without including a form element they would have very weak css rules and you would need to adjust further.Best regards,
MikeOctober 30, 2022 at 1:06 am #1370686ReHI :-)
Thanks for the answer. I considered quform as incompatible with enfold. They have a nice 7-days money back warranty which i requested.
A form plugin should be able to be used :-)
So this problem is solved. A pity -it was a nice plugin :-)Kind Regards
jensOctober 30, 2022 at 12:12 pm #1370695 -
AuthorPosts
- You must be logged in to reply to this topic.