Edit button styles in the Nirvana Theme
-
Hey paperskies,
Hope you’re well today π
This should be possible with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
#respond .form-submit input#submit { background: #FFFFFF; color: #000; box-shadow: none; }Replace color hex values to display another colors. Last property will remove the gradient from it.
In case you want to add some hover colors you can use the following:
#respond .form-submit input#submit:hover { background: #FFFFFF; color: #000; box-shadow: none; }This will affect hover colors.
Hope this helps and have a great weekend π
Cheers,
BojanHey, thanks so much for the help, but it isn’t really overriding the gradient. Suppose in a post like this, the “Stay in the Know” SUBSCRIBE button is still giving me the gradient, and the commentluv post comment box is also giving me the gradient, although the color seems to have changed fine. Anything else I can do about that?
Hey paperskies,
The link you added is linking to 404 so I’m not being able to see the button, if I recall correctly this was just a box shadow and no gradient color, but I could be wrong.
Can you please link to the page where I can see this?
Cheers,
BojanSorry about that, I deleted the post.
I’ve got it all sorted it out now, thanks to you π Turns out all I had to do was add a !important after the box-shadow. Thanks a ton!
Glad I could help π
Have a nice day!
Cheers,
BojanI seem to be having the same issue.
I’m trying to change/remove the gradient on the Submit.
Link HereI’ve tried the method above and didn’t seem to work for me.
If it helps, the plugin I’m using is Ninja Forms
Thanks,
HP
Hey there hpaulino,
This was just an issue with the selector used above, please try adding this instead:
input#ninja_forms_field_23 { box-shadow: none; }This should remove the box shadow on that submit button.
Cheers,
BojanThank you Bojan!
Glad I could help π
Cheers,
Bojan – WPMU DEV
The topic ‘Edit button styles in the Nirvana Theme’ is closed to new replies.
(@paperskies)
10 years, 5 months ago
Hello. I just installed the Nirvana theme and am using a child theme of Nirvana for my book blog. I’ve also the installed commentluv plugin and I’d like to know how I can change the style of the “post comment” button at the bottom of the comment field. It’s got a gradient that I would like to remove, and I’d also like to make a few changes to the background color and text color. How do I go about this? All help is appreciated π