Hello Shane,

Thanks for keeping in touch.

I am not sure why the colors are not taking effect from your end. Let us know the color you are trying to change the secondary header into so that we can provide a CSS as an alternative.

Thanks.

Hello Shane,

Please try this css:

#header-secondary-outer {
    background-color: #386987;
}
#header-secondary-outer .nectar-center-text a {
    color: #ffffff;
}

Thanks.

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

#header-secondary-outer .nectar-center-text a:hover {
    color: #9ad5a9 !important;
}

Thanks

Hello Shane,

We are only able to provide for the text on hover. Please try this css:

#header-secondary-outer .nectar-center-text a::hover {
    color: red;
}

Thanks.

Hey Again,

Use the Below Revised CSS.

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

#header-secondary-outer {
    background-color: #386987 !important;
}
#header-secondary-outer .nectar-center-text a {
    color: #ffffff !important;
}
#header-secondary-outer .nectar-center-text a:hover {
    color: red !important;
}

Thanks