Support » Themes and Templates » Hide Page Titles in Picolight theme

  • Resolved wayupnorth


    I want to hide the page titles on all my pages.

    I’m using WordPress as a CMS with the Picolight theme. I’ve used short page names to keep the menus manageable. I want to put my own descriptive headings on the page and display it as close to the header as possible, not have it pushed way down by a H1 page title and a ruled line (table border?) below that with lots of padding.

    Everything I can find in the support forum about removing page titles does not seem to apply to this theme. I’ve tried several plugins that are supposed to hide the titles. “Disable Title” by Frank Staude takes out the name (but not the line) but but it hides the page name in the menu as well, and that’s no good.

    I don’t want to edit the css to change h1 font size, because I use the large size in some cases, and at any rate, I want to remove the title entirely and free up that space, not just make it smaller.

    Can someone direct me to the code that needs changing or commenting out to suppress displaying the page name and the line below it on all pages? I’ve looked through the style sheet and all the php files and can’t figure it out.

    Firefox shows this source code on the page title element:

    <div id="main">
    <div id="content">
    <div class="pages">
    <div class="title">
    <h1><a href="" title="Home">Home</a></h1>

    But I’m sure that is being generated on-the-fly by the header.php or page.php file in the the theme folder.

    My site is

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


    Forum moderator

    You can use CSS to hide it (and the space) entirely – try this:

    .post .title, .pages .title {
        display: none;

    Moderator Andrew Nevins


    Forum moderator


    Hi WPyogi.

    LOL – thanks, CSS Master :)! Isn’t it late there?

    Moderator Andrew Nevins


    Forum moderator

    Yes, it is early now. Just finishing off a report before sleep.

    Horay! WPyogi, that did it! Thanks so much! Come visit me this summer and I’ll take you fishing.

    I had seen that code snippet in the forums and I tried it before, but had only tacked it onto the end of the css file.

    This time i found the /* posts and pages */ section and added your code in it. That alone didn’t do it, but while there, I noticed the the existing title and meta blocks, and commented them out. So here’s what that part of the style.css looks like now:

    /*comment out this block to eliminate post title*/
    /*.post .title h1, .pages .title  h1, .post .title h2, .pages .title h2 {
    	font-size: 22px;
    	margin: 7px 15px;
    	padding: 0;
    /*add this instead to NOT display title*/
    .post .title, .pages .title {
    	display: none;
    /*comment out this block to eliminate line below title*/
    /*.post .meta, .pages .meta {
    	font-size: 13px;
    	color: #808080;
    	padding: 5px 15px;
    	clear: both;
    	border-top: 1px solid #ccc;

    Andrew Nevis – I have that plugin, but the problem is that it removes the page title from the menu as well.

    Can’t believe how quickly you guys responded. Thanks ever so much.

    Cool, but here’s the thing about making changes in the style.css file – when the theme is updated your changes will be overwritten and lost which is really a drag :(. It’s really strongly recommended that you use a Custom CSS plugin or a Child Theme…

    I have the “Insert JavaScript & CSS” plug-in, but wasn’t sure how to use it. Will have to try to see if just inserting your code in the text view will have the same effect. Not sure how it could override the stuff I commented out.

    Child Theme. I’ve heard the term, but was afraid of the work…
    Will have to do some more learning, but at least I’m able to go ahead with content for now.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Hide Page Titles in Picolight theme’ is closed to new replies.