• I want to delete the page title and white space above the page title on my pages. Basically I want all the stuff in the red rectangle gone:

    View post on imgur.com

    I tried a suggestion I saw on forum response here but it didn’t work.

    Thanks for any help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you show us your website?

    Just as Andrew posted, if it’s possible to show the site live, we can look at the source code to determine what needs to be done. However, I can attempt to give a possible solution if I understand your question right….

    1. Go to Appearance >> Customize
    2. Go to the Additional CSS tab and enter in this code:

    .blog .page-header {
    display:none;
    }
    @media screen and (min-width: 48em) {
     .site-content {
        padding: 0;
     }
    }

    The first part makes the title disappear. The second part will remove the padding that is giving that extra white space above the blog title.

    Thread Starter mkmossop

    (@mkmossop)

    Hey thanks for the replies.

    Tried the code you put but it didn’t work unfortunately.

    Here’s the site:

    https://mentalhealthmiracle.com/blog/

    I just went to your site and it looks like it is working. You might have to clear your browser’s cache to refresh it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this to your “Additional CSS” part of the dashboard:

    
    .page-title {
        position: absolute;
        left: -999em;
    }
    

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    This way the title is still made available to search engines and people using assistive technologies (who need it).

    Thread Starter mkmossop

    (@mkmossop)

    Ok yes it is working now… thanks both of you for the help :).

    Is there any custom code I can enter to change the page width? Tried various things in stylesheet.css with no success, but I probably wasn’t editing the right stuff.

    Edit: Also how can I add a bit of the padding back above the post title? It looks a bit funny with no padding at all. I tried adding “padding-top: 10px;” to the “.blog .page-header {” which didn’t work.

    Edit: ok I realize that was probably dumb considering the page header isn’t displayed. I suppose I want to add padding under the line just above the date, but have no idea how to find that in the stylesheet.

    • This reply was modified 7 years, 8 months ago by mkmossop.
    • This reply was modified 7 years, 8 months ago by mkmossop.
    • This reply was modified 7 years, 8 months ago by mkmossop.
    • This reply was modified 7 years, 8 months ago by mkmossop.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Erase Page Title and White Space’ is closed to new replies.