Support » Themes and Templates » [Resolved] Remove post-header

[Resolved] Remove post-header

Viewing 6 replies - 1 through 6 (of 6 total)
  • To get rid of the .post-header I removed it from the page.php

    <div class=”post-header”>

    <h2 class=”post-title”><?php the_title(); ?></h2>

    </div> <!– /post-header –>

    To move the content up I edited the CSS

    .wrapper.section { padding: 0% 0; margin-top: -100px; }

    However I don’t know where to change the z-index to get the header on top of the wrapper content. My header image has a drop shadow that I want to cast on top of the featured image in the content.

    Just as a note of warning, you shouldn’t be editing the theme files directly. If the theme gets updated because of feature enhancements, bug fixes, or security patches, then your changes will be lost. Instead, either create a child theme or use a CSS plugin like Jetpack or Custom CSS Manager for any CSS changes, i.e., you could have hidden the post title using CSS.

    As far as your last question goes, you can just add this CSS rule:

    .header {
       z-index: 10;

    This should move the header over the main content area.

    I agree with CrouchingBruin.
    Create a child theme to add css rules (or with a plugin, like Jetpack Custom CSS, for example) !
    You don’t even need to remove that block, you can just do

    Shoot, I should have done that. I will try to repair it and use Jetpack.

    Does anyone know if Macs read CSS differently? I had moved the post up to tuck under the header but on a Mac it is still in the same place.

    .wrapper.section { padding: 0% 0; margin-top: -100px; }

    Thanks again 🙂

    Does anyone know if Macs read CSS differently?

    Nope. Maybe the somme CSS rules are involved in your element’s positionning.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Remove post-header’ is closed to new replies.