• Hi there,

    I’ve been trying to remove the page title and the white space containing it from all pages on my twenty fourteen theme website.

    I’ve tried various combinations of CSS but the theme just seems resistant to any changes! Help please!

    Thanks.

Viewing 15 replies - 1 through 15 (of 16 total)
  • Moderator cubecolour

    (@numeeja)

    Have you tried:

    .entry-header { display: none;}
    Thread Starter GeoCreo

    (@geocreo)

    Thanks cubecolour. It’s removed the page title 🙂

    Now I’m left with the large white space.

    I’ve installed the Layer Slider plugin and am guessing that I’ll need to either find a way to move it up the page so that it fills the space or find a way to remove the space altogether…

    Moderator cubecolour

    (@numeeja)

    Can you provide a link to your site so I can take a look?

    Thread Starter GeoCreo

    (@geocreo)

    Moderator cubecolour

    (@numeeja)

    It looks like layer slider is not fitting into the site well. As it is a commercial product you need to get support from the vendor. They should be able to tell you whether it can be made to fit into twentyfourteen and if so, how to achieve the look you want.

    Thread Starter GeoCreo

    (@geocreo)

    I’ll look into that. I just tried revslider and it’s doing the exact same thing as well.

    .entry-header { display: none;} it works for me.

    a better way is to install the “Hide Page & Post Titles” plugin which allows you to choose show or hide in the edit mode of pages or posts.

    Thanks for posting this. Been having the same issue. Putting

    .entry-header { display: none;}

    into the stylesheet worked! But it also took away the heading for the posts on the blog page. Is there away around that?

    I also tried the plugin Atanaz suggested, and it works well – although it leaves more space at the top than getting rid of the header in the stylesheet so that would be my first choice. Thanks!

    I prefer custom css to overloading my WordPress installation with an additional plugin.

    To retain the headings for blog posts, I added the following CSS in the Custom CSS Editor.

    I am no CSS guru and there might be other better options but it works for me on chaitanyamsv.com

    .entry-title  { display: none;} /* Hide all titles */
    .entry-meta + .entry-title  {display:inline;} /* Show the titles that directly follow the entry-meta. Post titles have meta associated with them so they will be shown whereas page titles don't have meta so they continue to be hidden as per first rule. */

    The following rule reduces the whitespace at the top.

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

    Check a better solution provided by Hannes here to remove page titles only.

    .page h1.entry-title {diaplay:none;}

    Thanks Chaitanya Matukumilli. The code for getting rid of the white space on top worked perfectly! (add to top in CSS custom editor.)

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

    @puppypablo, Could you please resolve this question so that whoever comes across this post will know this issue is resolved.

    Thank you very much.

    I can’t resolve it since I didn’t pose the original question. That would be GeoCreo.

    The proposed solution:

    .entry-header { display: none;
    }

    …works really well. TOO well in fact. As it also removes the titles from the POSTs (not just from the PAGES), and also takes away the titles in the “Featured Content” section on the home page (if one uses the “grid” instead of the “slider”).

    Any suggestion welcome.
    Thanks!

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘How to remove remove page title and white space in twenty fourteen’ is closed to new replies.