Change Login Color Nectar Template
Alison
Hi
How do I change the Sign In button background color in the header of the Nectar template?
It seems to have picked up the hover color from my color presets in the template editor, but it has not changed the primary color of the button.
I want the button to be #0074ae and then on hover I want #98c6e0
Image https://i.postimg.cc/Z5LHY1ys/sign-in.jpg
Thanks Alison
3 Answers
Order by
Oldest
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. You can use this CSS in your custom.css file
#sp-header .sp-module .sp-sign-in {
background-color: #0074ae !important;
}
#sp-header .sp-module .sp-sign-in:hover, #sp-header .sp-module .sp-sign-in:focus{
background-color: #98c6e0 !important;
}-Regards.