Thin Purple Line in Header (Essence Pro)

[[email protected]]

On some pages (not all), I am seeing a thin purple line in the header. I tried adding an H2 to the page thinking it was a holder, but that's not the case.

I have changed the margins in the header area, but don't know why that would change anything. I tried to inspect and couldn't see anything there.

Any ideas?

http://gooddayssuck.com/wp-content/uploads/2020/07/purple-line-ere.png

http://gooddayssuck.com/why-employers-love-working-with-ere/

[Victor Font]

The line comes from this CSS in style.css at line 727:

.error404 .site-inner::before, .page .site-inner::before, .single .site-inner::before {
    background-color: #a86500;
    content: "";
    display: block;
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: -50px;
    width: 2px;
    z-index: 9;
}

---

Regards,

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

[[email protected]]

Thanks, Victor. I was able to find it.

How do I get rid of it? :-/ I deleted that part of the css and it ended up moving the text right to the tippy tippy top of the page.

I know enough to be dangerous; and enough to know when I should ask for help.

I appreciate your knowledge in advance.
-jmac

[Victor Font]

Just change the width to 0 or the background color to the the color of the page.

---

Regards,

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

[Author]

Posts