Support » Themes and Templates » How To Hide Page Title On Static Homepage – Esplanade Theme

  • Resolved musicalmedley


    I’m working with the Esplanade theme and I can’t figure out how to hide the page title on my static homepage. Can you do that with custom CSS? It would be awesome to just add some code to the custom CSS section in the theme options.

    I’ve been searching in these forums for basic help, but what I’m finding is out of date or I’m doing something wrong. My knowledge of CSS and HTML is limited, but I can easily add code if you have some suggestions. Thanks for the help!

Viewing 15 replies - 1 through 15 (of 28 total)
  • Suggest posting a link to your site so someone can see the code in order to help. Yes, it can be done with CSS – start by reading this and setting up Firebug which is the best way to work with CSS.

    Thanks for those links. That will take me a while to sift through, but it’s going to be good to know. In the meantime, here’s my site:


    .entry-header {
    display: none;

    If you only want to hide it on the home page do this:

    .home.entry-header {
    display: none;

    The first one works and hides all page titles, but hiding the page title on just the home page does not work. Do you have another suggestion for that?


    .page-id-233 instead of .home

    So the first line would be .page-id-233.entry-header {? That doesn’t work. But if I use .page-id-233 and leave off entry-header then my home page disappears completely (or, rather, it displays as a blank page).

    Yes, the first line is what I had in mind — but no go, huh? Try this one:


    .page-id-233.entry-header.h1 {
    display: none;

    That doesn’t do it either, assuming I don’t have to clear my cache before I see the effect. Where does the page id number come from?

    You need to put a space between the class selectors like this:

    .page-id-233 .entry-header .h1 {
    display: none;

    You have serious security issues on your website. I can download any file by simply accessing the url.

    Make sure the PHP extension is on, code gets executed and change all your credentials before someone hacks your site.

    I just noticed this and I have no idea what’s going on… What do you mean PHP extension is on? I haven’t changed anything on my site recently except the header images, but everything was running smoothly last night. I can’t login to the admin panel because of this.

    Contact your hosting provider.

    Yep, did that and they’re checking it out. Thanks for the code correction in your first post.

    The site’s back up and issues are resolved! Thanks for the help. So what works is:

    .home .entry-header {
    display: none;

    Adding space between .home and .entry-header did the trick.

    One more question… The tabs in my browser display the page titles, except for the homepage and the blog. The homepage displays the full website url, which is fine by me, but the blog displays as Blog[Site Title]|[Tagline]. How can I tweak the code to get the browser tab to display as Blog when I’m on that section of the website?

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘How To Hide Page Title On Static Homepage – Esplanade Theme’ is closed to new replies.