Remove border between archive grid and header

  • Resolved Krauthaus

    (@krauthaus)


    11 years, 1 month ago

    Hi there!

    I am trying to get rid of the little border between the header and the archive grid, here a example:

    http://www.paperkura.com/category/tutorial/

    I would like to get the grid as nearly as possible to the header. Is this possible? Is there a css-trick i could use? Unfortunley i am not a big pro an this topic, google didnt bring up any helpful tipps.

    thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Kathryn Presner

    (@zoonini)

    11 years, 1 month ago

    That was a bit of a tricky one!

    This CSS should get rid of that line on category and archive pages:

    .category .page-header:after, .archive .page-header:after {
  background: none;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    Thread Starter Krauthaus

    (@krauthaus)

    11 years, 1 month ago

    Thank you very much! I added your code and it works like a charme!

    Thread Starter Krauthaus

    (@krauthaus)

    11 years, 1 month ago

    I forgot to mark it as solved, but i could not do that with the edit function. Sorry for the double post:)

    Moderator Kathryn Presner

    (@zoonini)

    11 years, 1 month ago

    Glad that did the trick!

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

The topic ‘Remove border between archive grid and header’ is closed to new replies.