Home page right widget - form style help

Hello.

I am using Gravity Forms for the Home page right widget and the style elements that show the '>' and make the form fields move to the right when selected are getting in the way. i.e., when the user clicks on a field to make an entry, it moves to the right which is distracting and makes it tricky to make an entry or select a checkbox. I want to remove the '>' styling and the styling element that makes each row in my form slide to the right when it is moused over. The screenshot below shows the form styling as it appears. Please advise how to do this. Thanks!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.signinformbox1.widget ul li{
background:none;
}
.signinformbox1.widget ul li:hover{
background:none;
} 

Thanks & Regards
Gourav Shrivastava

 

Yeah!!! it worked!

Thanks Gourav.

 

(see below)

Hi Gourav. I just realized that the form still isn't working properly. The symbols on the left disappeared, but the form fields still slide to the right when moused over making it difficult to enter text and make selections, and extra green checkmarks appear when checklist items are selected as shown in the screenshot below. Please advise how to make the movement disappear, and how to make the checkmarks go away.

One possible solution might be to insert a CSS class into the Gravity Forms application. Gravity forms has a field to enter a new CSS class right within the form settings (see second screenshot below) which is supposed to overwrite the underlying default CSS. Will you please suggest a specific CSS class entry to put directly into the Gravity form to solve the problem?

Example of how extra green checkmarks appear:


Screenshot of gravity form settings showing CSS class entry field:

FYI I want to keep the widget functioning normally on the other pages - just fix the home page please. Thanks!

Warm regards,
Kathleen

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.signinformbox1.widget ul li:hover{
-webkit-transform:none; 
-moz-transform: none;
-o-transform: none;
transform:none;
} 

This will solve your issue.


Thanks & Regards
Gourav Shrivastava