Header Button (Color Change?)

Greetings!
I noticed that the button on the header of the website is a bit hard to see with the picture I have… is there any way to change JUST this button and make it a solid color (but leave all the other buttons on the website the same?) Any way to make it more visible and POP more so people want to press it :slight_smile:

This is what it looks like: http://starconversations.com/wp-content/uploads/2017/10/Screen-Shot-2017-10-19-at-7.52.15-AM.png

Hi there,

Use this please to change your header button:

.header-button:hover {
    background-color: white;
}

.header-button {
    border-color: white;
    color: white;
}

Regards,
Awan

Hmm-- there didn’t seem to be a change…
I even tried to add an “important!” after it didn’t work the first time and it still didn’t work.

.header-button:hover {
    background-color: white; !important;
}

inspector-stylesheet:1
.header-button {
    border-color: white;
    color: white;!important;
}

Hi,

You have incorrect character on your code. Try this instead please:

.header-button:hover {
    background-color: white !important;
}

.header-button {
    border-color: white;
    color: white !important;
}

Regards,
Awan

Awan
exactly where am I putting this code to fix my unreadable button?
(i.e. which file do I add it to and where.
RIght now it is just black ( due to my themes color settings)
thanks in advance, great theme btw.
dave

Hi,

Put the code into Customizer > additional CSS

thank you.
Worked Perfectly.