Change the colour of the search widget plugin

Hello.
You will need to add some custom CSS to achieve this.
Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste these

.widget_search input {
    background-color: #ebebeb;
}
.widget_search button {
    background: #161616;
}
.widget_search button:hover {
    background: #161616;
}

in the box and apply the color values you want.

Great it worked. Thank you very much for your help.

Hi, I’ve tried to do this for the Subscribe to blog via email widget by replacing ‘search’ with ‘subscribe’ but it’s not working, any help?

Hi, read on another thread to download Get Widget ID plugin, which I have and the ID is blog_subscription-3, I’ve inserted this code:

.widget_blog_subscription-3 input {
    background-color: #FFFFFF;
}
.widget_blog_subscription-3 button {
    background: #000000;
}
.widget_blog_subscription-3:hover {
    background: #FFB13D;
}

But it still hasn’t worked?

Can you try this

#widget_blog_subscription-3 input {
    background-color: #FFFFFF;
}
#widget_blog_subscription-3 button {
    background: #000000;
}
#widget_blog_subscription-3:hover {
    background: #FFB13D;
}

and let me know if it helps

Hi
I tried as per below to change the gold colour on my email-subscribers-3
but it didn’t work.
.widget_email-subscribers-3
input {
background-color: #FFFFFF;
}
.widget_email-subscribers-3
button {
background: #000000;
}
.widget_email-subscribers-3
:hover {
background: #FFB13D;
}

Then I tried both recommendations but they all did not work.

is there another way of doing this.

Thank You

Hi there @alvord,
can you provide a url so I can have a closer look?

Thanks for your prompt response Fotis my site is https://encountercs.com.au/
May you also help me with how to change the reply to comments button colour. As you will see I have managed to change the rest.

Thank you so much

Sorry Fortis that’s the reply button and the post comment button. I suppose it will be the same principle.
This is found when you open a blog post at the bottom.

Thanks again

Hi there,
you can use for the subscription button

#email-subscribers-2 input[type="button"]{
 background:#333;
}

And for the reply and post comment button

.comment-reply-link{
  background:red;
}
.form-submit #submit{
 background:red;
}

Let me know if this works

Thank you so much Fortis the comment and reply button worked.
However I couldn’t change the subscribe button colour I wonder if its because I changed the widget as the previous widget wasn’t working.

Hi there, you are correct, you must replace the previous css code with this

#subscribe-submit input[type="submit"]{
 background:#333;
}

Let me know if this helps!

Hi Fotis
Thanks a lot it worked.

Glad I could help!
I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!

Hi Fortis,

No, I’m afraid that didn’t work? ??

My website is here btw, in case you needed it: emmaroseblog.co.uk