Getting rid of page title on static front page

Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) Getting rid of page title on static front page

This topic contains 10 replies, has 77 voices, and was last updated by  Eric Nevitt 5 years, 9 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #14024

    Eric Nevitt
    Member

    Currently using page full width template for front static page. How do I get rid of page title on front page only? Solution for me, this far, was simply to avoid naming the front page at all. But, I suppose there is more clean solution to this.

    #18145

    Sushil Adhikari
    Moderator

    Unfortunately WordPress does not make this easy… the only template I have without the title code is the “Page Widgets Only”, so when using the other templates, this becomes a little more tricky. Your options are:

    1. Use a plugin to manage page titles (including disabling)
    2. use css to hide the title.
    3. Not doing at title (as you suggested)

    For the first one, there are plugins to handle titles, but as to which one, I do not know as I’ve never used any of them or know of which one is best.

    The second option would be to use CSS which means isolating the title ID of the post or page by looking at the source code and seeing what ID is added to the “article” container. For example, on my test site I have a page using that template you are, and if I look at the source code, it shows this:

    My Home Page

    You will see my page article has an ID applied to it as “post-10” which is what we need. In your style.css, you will add this:

    article#post-10 h1 {display: none;}

    That basically says for that article with that ID, hide the content in the H1 container. It will still show in the source code, but not on the front-end.

    #18393

    Where do I paste this? : article#post10 h1 {display: none;} ?

    Home

    #18394

    Sushil Adhikari
    Moderator

    in your style.css file. Or if you have Jetpack installed, use the Edit CSS feature under the Appearance Menu…or if you are using a child theme to make modifications, then in the style.css for that. Preferably not the main theme’s own style.css

    #18773

    Roland
    Member

    Andre:

    My homepage post id is 186 so I put the following into my child theme’s (Celestial Relaoded) style css and nothing happens:

    /* Add your style.css changes below the line
    ————————————————————– */

    article#post186 h1 {display: none;}

    /* mobile styling
    ————————————————————– */

    What did I miss?

    #18774

    Sushil Adhikari
    Moderator

    Put a dash (hyphen) before the 186

    article#post-186 h1 {display: none;}
    #18775

    Roland
    Member

    Perfect!

    Ah, it’s always the little things ain’t it?

    Many thanks, Andre

    #18776

    Sushil Adhikari
    Moderator

    Glad it worked and yes, always the little things (most of the time). I’m working on the new theme right now and trying to figure out why something was out of wack, only 3 hours later realizing I left a semi-colon out of one line of code.

    #18784

    Roland
    Member

    Quick follow-up question . . .

    My client (http://aliciahalloran.com/) WANTS the H1 tag for her name, she just wants to remove the page title (which means I can’t set the h1 to read “none”). Would I do it the same way that I do it in the Preference theme?

    #18785

    Sushil Adhikari
    Moderator

    Note quite I follow because it’s already in H1 tags….is she wanting to replace “Home” with “Alicia Halloran – Animal Communication” ? If so, simply rename the “Home” page with her name, then make sure the menu link at the top is relabeled as “Home”

    #14025

    Roland
    Member

    OMG – Perfect.

    Thank you, Andre

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.