Remove White Space Left by Removal of Category Archive Title

  • Resolved byjeteast

    (@byjeteast)


    10 years, 3 months ago

    Hi-

    I posted the following code in my child style sheet to remove the category archive title on archive pages. It removed the text, but now I have a big white space (see link below)

    .archive-header {
display: none;
}

    example link here: https://www.byjeteast.com/?cat=4

    I want the top of the picture to be flush with the menu bar at the top.

    Thanks!

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

  • Hey there,

    You could simply remove the padding, this should make it flush along the top:

    .content-area, .content-sidebar{padding-top:0;}

    Hope this helps, have a great day!

    Thread Starter byjeteast

    (@byjeteast)

    Hmmm no dice. I tried that code above and also removed the comma so that the code read

    .content-area .content-sidebar { padding-top: 0;}

    and neither of those work. Any thoughts? I’m working with twentyfourteen.

    Thanks!

    Thread Starter byjeteast

    (@byjeteast)

    Figured it out! it was missing the pixels “px”. Here’s the code. Resolved!

    /*remove archive content title*/
.archive-header {display:none}
/*remove white space from category header*/
.content-area, .content-sidebar { padding-top: 0px;}

    Hey there,

    You don’t have to use px on 0, it’s not needed. 0px = 0em = 0% = 0pt = 0.

    I suspect you didn’t load it late enough in the load sequence, you see with CSS the last item called is the one that takes priority unless it’s taken out of order with !important.

    I tested my CSS (with your .archive-header) through developer tools before providing it you and it was working fine.

    Glad you got this resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove White Space Left by Removal of Category Archive Title’ is closed to new replies.