• Resolved paperskies

    (@paperskies)


    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 πŸ™‚

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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,
    Bojan

    Thread Starter paperskies

    (@paperskies)

    Hey, 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,
    Bojan

    Thread Starter paperskies

    (@paperskies)

    Sorry 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,
    Bojan

    I seem to be having the same issue.

    I’m trying to change/remove the gradient on the Submit.
    Link Here

    I’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,
    Bojan

    Thank you Bojan!

    Glad I could help πŸ™‚

    Cheers,
    Bojan – WPMU DEV

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

The topic ‘Edit button styles in the Nirvana Theme’ is closed to new replies.