Custom CSS for Ninja forms

michael264
3 Posts
michael264 posted this 1 weeks ago

I need help changing the CSS for a default submit button for Ninja forms. I want to override the white text and white background in the Custom CSS editor in Themler.

Here's the CSS that affects the button:

button:not([class]), input[type="submit"]:not([class]), input[type="button"]:not([class]), .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="submit"], .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="button"], button.bd-button, input.bd-button, a.bd-button[href], .bd-button, button:not([class]):link, input[type="submit"]:not([class]):link, input[type="button"]:not([class]):link, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button:link, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="submit"]:link, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="button"]:link, button.bd-button:link, input.bd-button:link, a.bd-button[href]:link, .bd-button:link, button:not([class]):visited, input[type="submit"]:not([class]):visited, input[type="button"]:not([class]):visited, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button:visited, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="submit"]:visited, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="button"]:visited, button.bd-button:visited, input.bd-button:visited, a.bd-button[href]:visited, .bd-button:visited {
border-width: 0px;
color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
vertical-align: middle;
display: inline-block;
text-align: center;
padding: 5px 15px;
border-radius: 0px;
background-image: none;

I tried adding this to the Custom CSS, but it didn't work:

.bd-button {
color: #ffffff !important;
background-color #ff0000 !important;
}

Thanks!

I need help changing the CSS for a default submit button for Ninja forms. I want to override the white text and white background in the Custom CSS editor in Themler. Here's the CSS that affects the button: button:not([class]), input[type="submit"]:not([class]), input[type="button"]:not([class]), .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="submit"], .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="button"], button.bd-button, input.bd-button, a.bd-button[href], .bd-button, button:not([class]):link, input[type="submit"]:not([class]):link, input[type="button"]:not([class]):link, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button:link, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="submit"]:link, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="button"]:link, button.bd-button:link, input.bd-button:link, a.bd-button[href]:link, .bd-button:link, button:not([class]):visited, input[type="submit"]:not([class]):visited, input[type="button"]:not([class]):visited, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button:visited, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="submit"]:visited, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type="button"]:visited, button.bd-button:visited, input.bd-button:visited, a.bd-button[href]:visited, .bd-button:visited { border-width: 0px; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); vertical-align: middle; display: inline-block; text-align: center; padding: 5px 15px; border-radius: 0px; background-image: none; I tried adding this to the Custom CSS, but it didn't work: .bd-button { color: #ffffff !important; background-color #ff0000 !important; } Thanks!
Vote to pay developers attention to this features or issue.
4 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 1 weeks ago

Hello,

Could you please provide the link to the page with the form?

Gina
Themler Support

Hello, Could you please provide the link to the page with the form? Gina Themler Support
michael264
3 Posts
michael264 posted this 1 weeks ago

https://gallery315home.com/contact

https://gallery315home.com/contact
michael264
3 Posts
michael264 posted this 1 weeks ago

Hi Gina, did you get my response?

Hi Gina, did you get my response?
Support Team
Support Team posted this 6 days ago

Yes, please, add this custom code to Additional CSS:

.submit-container input {
  background-color:#ff0000!important;
}

Gina
Themler Support

Yes, please, add this custom code to Additional CSS: .submit-container input { background-color:#ff0000!important; } Gina Themler Support
You must log in or register to leave comments