WordPress.org

Ready to get started?Download WordPress

Forums

Baskerville
[resolved] Remove post-header (7 posts)

  1. NomadMik
    Member
    Posted 6 months ago #

    Hello Anders,

    Is there a way to eliminate the post header all together so I can raise up the post content box to tuck the featured image under the shadow of my page header image?

    http://www.fantasyislandecoresort.com/blog/about/

    Thanks,
    Mik

  2. NomadMik
    Member
    Posted 6 months ago #

    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 -->

  3. NomadMik
    Member
    Posted 6 months ago #

    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.

  4. CrouchingBruin
    Member
    Posted 6 months ago #

    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.

  5. grosbouff
    Member
    Posted 6 months ago #

    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
    .post-header(
    display:none
    )

  6. NomadMik
    Member
    Posted 6 months ago #

    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 :)

  7. grosbouff
    Member
    Posted 6 months ago #

    Does anyone know if Macs read CSS differently?

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

Reply

You must log in to post.

About this Theme

About this Topic