Hide Page Title (Custom Field Entry)

[pmkelly]

Hello Sayontan! I have a suggestion for some functionality that I would find quite useful. Apologies if it exists, but I was unable to find something like this.

It would be nice to have some kind of custom field for posts/pages that lets us hide the title of a page. All posts/pages begin with a title followed by a dotted line, and perhaps some other information (link to "edit", posts will show a link to the category, etc.). It would be nice to have the option of selectively turning that off on a per-page and per-post basis. That is, some kind of internal variable like "suf_display_page_title" that could be set to "false" in the Edit --> Custom Fields pane. The result would be a page that immediately starts displaying the content of the page with no title, etc. So on your "Themes" page, for example, this flag would hide the title and dotted line, and the first thing on the page would be the text "As part of Aquoid...".

Again, many thanks for a wonderful theme!

[sayontan]

I have never been able to fathom why people would like to hide a title except in a photo-blog. That is one reason why you will never see this option from me in the regular layouts.

That being said you could control this by yourself using stylesheets. Every post has an id, so all you need to do is for each post you want to hide the title you could try something like this:

Code: Select all

#post-245 .title {
        display: none;
}

[pmkelly]

For me it's just a matter of aesthetics on certain web pages. It gives me the freedom to display, say, my own custom image at the top of a page (as opposed to using rendered text if I so choose). Or to easily display an image above the actual title. So I guess it's not something I would necessarily use for posts in a blog, but it can be quite nice when designing certain pages. But that's fine.

Thanks for the CSS pointer... I'll give it a try!

[agiler]

How do I hide the date from that particular page/post?


By the way this worked for only hiding the Title, Thanks

#post-437 .title {
display: none;
}

Now I would also like to hide the date.

Thanks
Al

[sayontan]

Use ".date". If you want to hide it for a specific post, like 437, use:

Code: Select all

#post-437 .date {
        display: none;
}

If you want to hide it for all posts use:

Code: Select all

.post .date {
        display: none;
}

[hillyer]

Firstly, thanks Sayontan for creating this great Wordpress theme!

I've read all the threads on removing the date, and have successfully commented out the date info from the actions.php file and have included display: none in the style.css file. However, all this is useless since there is still a big space where the date and graphic are supposed to go. I read somewhere that "there is no easy way to do this", but I was wondering what procedure Sayontan was referring to.

I thought I would ask here in case anyone knew of a quick answer or way to solve this. I didn't want to mess around with the code much, but if there is no easy way of doing it, I'll see what I can do by myself.

Thanks in advance.

[sayontan]

You don't need to comment out actions.php if you have set the style.
To remove the white space use this custom style:

Code: Select all

.title-container {
   padding-left: 0;
   padding-right: 0;
}


[notna]

sayontan ... you are one complete and utter legend! Fantastic theme and fantastic support

[johncarvill]

I have tried the method describe here, to hide the title of a page, but it doesn't work for me. I am a little confused because your example, below, refers to 'post', whereas I want to hide the title of a page. I tried substituting 'page' for 'post' - and adjusting the page number of course - but it has no effect.

#post-245 .title {
display: none;
}

My adjusted attempt:

#page-252 .title {
display: none;
}

[pmkelly]

I don't have my notes here, but I experimented with this for a while. I think there was another CSS tag to use when it came to pages. Sorry I can't remember specifics, but I thought I used something like this:

Code: Select all

#post-245 .posttitle {
    display: none;
}


I remember using "View Source" from my browser and searching for the text I was trying to hide, and could see the necessary CSS tag in the HTML.

Hope this helps...