Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 17, 2016 at 4:42 pm #649877
    GSM

    I just made a custom form using the default Enfold CSS formating.

    One of my buttons is the “reset” button to delete all fields. I was surprised to see a basic button next to the nicely formated “submit” button.

    Reviewing the Enfold CSS I noticed that there is no code for input type “reset”. I have added that now manually in my child CSS file.

    However, I would suggest to amend the official Enfold CSS with some definitions for this input type.

    Best regards,
    Gunther

    • This topic was modified 8 years, 6 months ago by GSM.
    June 19, 2016 at 10:17 am #650379
    Rikard

    Hi GSM,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    June 20, 2016 at 1:10 pm #650775
    GSM

    See private content …

    June 21, 2016 at 7:35 am #651313
    Rikard

    Hi,

    I’m guessing you got it working because the two buttons on the bottom look identical to me?

    Regards,
    Rikard

    June 21, 2016 at 9:59 am #651362
    GSM

    Hi Rikard,

    I added the missing code into my style.css. Not sure whether it covers all devices but it looked fine on my desktop, iPad and Xperia. I would just like to suggest to include a definition for this input type in one of your next updates.

    input[type='reset'] {
	background-color: #435960;
	color: #ffffff;
	padding: 9px 22px;
	cursor: pointer;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
}

input[type='reset']:hover {
	background-color: #88bbc8;
}
    • This reply was modified 8 years, 6 months ago by GSM.
    June 22, 2016 at 6:49 am #651927
    Rikard

    Hi,

    Ok, thanks for sharing that, much appreciated!

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.