Custom CSS not working after update

Resolved

(@happyducky)

Hello guys.

Today I updated the plugin on my websites from 1.13.12 to 1.15.2 and my custom CSS does not work anymore… at all.

Website 1: The code is located in the plugin’s Styles tab > Additional CSS
Website 2: The code is located in WP’s standard Additional CSS screen

I had to roll back to 1.13.12. Everything works now, however, I would like to use the newest version. Do you know what could be the problem and perhaps how to fix it?

Here the code:

.happyforms-styles .happyforms-part--submit input[type=submit].happyforms-button--submit,
.happyforms-styles .happyforms-part--submit input[type=submit][disabled].happyforms-button--submit,
.happyforms-styles .happyforms-part--submit button.submit.happyforms-button--submit,
.happyforms-styles .happyforms-part--submit button[disabled].submit.happyforms-button--submit {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	border-style: solid !important;
	border-radius: 5px !important;
	border-width: 2px !important;
	font-size: 20px !important;
	transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out !important;
}

Thanks!

This topic was modified 4 years ago by happyducky.

Viewing 3 replies - 1 through 3 (of 3 total)

Anonymous User 18525946
(@anonymized-18525946)

4 years ago
Hey there, @happyducky 👋

Bummer! Sorry for the run-around. Good news, though — I think I can spot the problem. See, a few versions back we swapped out input elements for button elements for better accessibility. And I can see your code is still targeting some of those old input elements.

Please try this new code snippet:
```
.happyforms-styles .happyforms-part--submit button[type=submit].happyforms-button--submit,
.happyforms-styles .happyforms-part--submit button[type=submit][disabled].happyforms-button--submit,
.happyforms-styles .happyforms-part--submit button.submit.happyforms-button--submit,
.happyforms-styles .happyforms-part--submit button[disabled].submit.happyforms-button--submit {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	border-style: solid !important;
	border-radius: 5px !important;
	border-width: 2px !important;
	font-size: 20px !important;
	transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out !important;
}
```
Fingers crossed that does the trick!

If it doesn’t, would you please share a link to the page your working on? That’d be huge help to us.
Thread Starter happyducky
(@happyducky)

4 years ago

Thank you Scott, you’re a legend! Everything is back to normal. 🙂

One suggestion though – could you please put changes like this in the release notes? Will be pretty helpful. 😉

Thanks again for your help and for the great plugin! Cheers!

Anonymous User 18525946
(@anonymized-18525946)

4 years ago

Glad to hear this is all sorted now 👏

And good idea about the release notes! We’ll pull up our socks there.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom CSS not working after update’ is closed to new replies.