I want to get rid of a blue line under my full-width header in Life-style Pro

[imdiane]

I have a full-width header in my Life-style Pro theme. It has a light blue line under the header and I don't know how to get rid of it.

Could someone please help me?

http://coupleandbaby.com

[Victor Font]

Add the following CSS to the bottom of your style sheet but before the media queries:

.lifestyle-pro-blue .site-header {
    background-color: transparent;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[imdiane]

This didn't take care of the problem. Here's the slice of the CSS where I placed the above code:

______________________________________
.lifestyle-pro-red .nav-secondary {
background-color: #f2685c;
}

lifestyle-pro-blue .site-header {
background-color: transparent;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */
_____________________________________________

Any more instructions?

Thanks!
Diane

[Victor Font]

Put a period in front of lifestyle-pro-blue. It's a class. It needs a period.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[imdiane]

Thank you, very much, Victor. That worked beautifully.

I have one more question.
I changed the light blue color in the lifestyle-pro-blue CSS to the darker blue from my header image for the footer. I made the top menu links a medium blue. But I could not find any way to change the widget links to the medium blue. Could you tell me how to do that?

I think that is the last of my CSS changes that I want to make.

Thank you for your help!
Diane

[Victor Font]

You have custom CSS that controls the color of the widget links.

You would gain a lot of benefit if you learned yo use your browser's built-in inspection tool. With the inspection tool, you can pinpoint CSS. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[dave_s]

No idea if it's the way the pro's do it but try:

.sidebar a {
color: #5287cf;
}

[Author]

Posts