-
StreamlineWAAsked on April 2, 2019 at 4:43 AM
Hello,
I've got two buttons on my form; one is a submit button at the end of the form and the other one is "Upload file" button as part of file upload element.
I'm trying to apply the same style for both buttons - same color, shape, and mouse-hover effect. But can't seem to do it.
I use the same css injection for both buttons, but it doesn't work as expected. It works for both buttons when I hover my mouse when I'm building the form, but when I preview the form or when I publish the form, it only works for "Submit" button and not the other button.
Screenshot of the css injection included below.
Page URL: https://form.jotform.co/90910296310855 -
jonathanReplied on April 2, 2019 at 8:29 AM
Can you please check again on your side. I never applied any update on the CSS but refreshed the form only, and it appears to have fixed the issue.
I see the mouse-over button effect in the Upload field also.
Let us know if issue persist.
-
StreamlineWAReplied on April 2, 2019 at 11:54 PM
Hello,
Thank you for that. It might be my local cache somewhere then. It's great if that's the case.
Would you be able to confirm with the following form? Whether the two buttons change color on mouse hover? https://form.jotform.co/StreamlineWA/submission_only_form
Thanks.
-
roneetReplied on April 3, 2019 at 1:58 AM
It seems you were using the wrong class to inject the CSS. I have updated the CSS.
Please check now.
Thanks.
-
StreamlineWAReplied on April 3, 2019 at 2:07 AM
It works now. Thank you!
What about changing background color of a widget? I cannot do this using Advance CSS tool as I can't select the widget there.
I need to change as per screenshot below.
-
Ashwin JotForm SupportReplied on April 3, 2019 at 5:14 AM
Please inject the following custom css code in your "Checkbox in Dropdown" widget and that should solve your problem:
.selecter-selected {
background: url(https://widgets.jotform.io/checkboxInDropdown/img/carret.png) no-repeat scroll right center #fff !important;
}
Please check the following guide on how to inject custom css code in the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets
Hope this helps.
Do get back to us if you have any questions.
-
StreamlineWAReplied on April 4, 2019 at 11:16 PM
Thank you.