buttons for submit and rest
-
Why are the buttons different in shape and color and how can I change them to look the same
-
Hi Michael Junker can you share your URL?
This is due to your theme designed and are you using any plugin to split the content into two columns?
Is the settings for each form the same or different?
the content split is done via the theme, and the two forms are different, but the the button styling in both form is the same for both buttons. meaning that the form an the right uses the same code for both button and same for right form, with the exception of margin width. ex for form on left:
submit button
cursor:pointer; margin-right:100px; box-shadow: 3px 3px 3px #888888;
reset button
cursor:pointer; margin:0; box-shadow: 3px 3px 3px #888888;Hi I had a look the code further….There is a difference between both forms…
Form on the left…..
<input id="fscf_submit1" type="submit" onclick="this.disabled=true; this.value='Submitting...'; this.form.submit();" value="Submit" style="cursor:pointer; margin:0;"> <input id="fscf_reset1" type="reset" onclick="return confirm('Do you really want to reset the form?')" value="Reset" style="cursor:pointer; margin:0;">Form on the right………
<input id="fscf_submit2" type="submit" onclick="this.disabled=true; this.value='Submitting...'; this.form.submit();" value="Submit" style="cursor:pointer; margin-right:100px; box-shadow: 3px 3px 3px #888888;"> <input id="fscf_reset2" type="reset" onclick="return confirm('Do you really want to reset the form?')" value="Reset" style="cursor:pointer; margin:0; box-shadow: 3px 3px 3px #888888;">You can see the difference between the two codes from the above displayed.
I understand that the two forms are different, why are the buttons in the same form different? And how can I make them the same?
All I want is the same shape buttons for submit and reset
Hi if you see both codes I illustrated above, they tell you why one one button is different to the other button.
Left form buttons
style=”cursor:pointer; margin:0;”>
Right form buttons
style=”cursor:pointer; margin:0; box-shadow: 3px 3px 3px #888888;”>
The following would create the different style buttons box-shadow: 3px 3px 3px #888888;
Regards
Okay I do understand that one button has a shadow and the other doesn’t but the shape and color is different between the submit and reset button and that is not do to box-shadow: 3px 3px 3px #888888;
I want to have both buttons shaped and colored the same forget the shadow
I have checked both buttons and they look the same in Firefox and Google Chrome. I don’t know if you have made any changes?
okay when you go to the page the two buttons. submit and reset, both visually look the same??
Is your issue now resolved or is there something else that needs to be addressed?
No the issue is still the same, but I guess I need to take care of it myself.
Thanks for the effort
The topic ‘buttons for submit and rest’ is closed to new replies.