How can I remove the black border on top of the archive page?

  • Resolved gkcpa

    (@gkcpa)


    8 years, 3 months ago

    The border shows up whenever I select archive: month. It’s between the Navbar and the month title. I have no use for it. I tried a few ways to remove it, all of them unsuccessful. I couldn’t find a reference to it in style.css.

    Here’s a link to my site:

    https://garykrupacpa.com/wordpress.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Looking at your source, there is an ending body and html tag that shouldn’t be there. Your theme is generating bad html:

    <div id="LeftBar">
<div id="Breadcrumbs">
<p>
<font ;="" size="2">
<a href="https://garykrupacpa.com/index.html">Home</a> </font>
</p>
</div>

</body></html>

<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<header class="page-header">
<h1 class="page-title">Month: July 2016</h1>
</header>
    Thread Starter gkcpa

    (@gkcpa)

    I commented out the body and html tags, but it made no difference; the black border still appears. Is there some other explanation for the border that you can determine?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    this is the css that’s doing it

    .page-header {
    border-top: 4px solid #1a1a1a;
    margin: 0 7.6923% 3.5em;
    padding-top: 1.75em;
}

    around line 2025 of style.css

    Thread Starter gkcpa

    (@gkcpa)

    Thank you very much, Steve! It worked.

    Thank you, too, Kobashi for pointing out to me my HTML coding error.

    This certainly wasn’t obvious to me.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I remove the black border on top of the archive page?’ is closed to new replies.