WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Hiding page title on twentyeleven theme. (37 posts)

  1. petematheson
    Member
    Posted 2 years ago #

    I'm creating a new site (www.performanceacademyltd.com) which I'm creating custom pages for.
    So far I've edited the header and footer files, created a new page (/home) and pasted my content onto it.

    However, I still have the Page Title showing up.

    I've done it once before on my own wordpress blog but can't remember how - and I remember it took me a while to search to find an answer!

    Can anyone point me to the quick fix to remove or hide the Title from this page?

    Thanks

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.

  3. petematheson
    Member
    Posted 2 years ago #

    Ah sorry - I have taken a copy of the twenty eleven theme then edited the CSS and changed the placeholder picture.

    Should I still follow that guide as above?

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Is the modified theme running as a completely new theme with a different name? If so, we'd need to be able to see the site - not a holding page.

  5. petematheson
    Member
    Posted 2 years ago #

    Yes it is.

    Sorry, my mistake
    http://www.performanceacademyltd.com/blog

    That would help!

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    You site doesn't appear to be using any of the CSS from the theme!

  7. petematheson
    Member
    Posted 2 years ago #

    Correct

    So - how do I get rid of the title?

    :)

  8. esmi
    Forum Moderator
    Posted 2 years ago #

    The simplest option would be to hide it via CSS.

  9. petematheson
    Member
    Posted 2 years ago #

    Do you know to which item I need to apply the display:none; style to?

    I've tried it on a couple but they don't seem to hide it

  10. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of work.
    http://getfirebug.com/

  11. petematheson
    Member
    Posted 2 years ago #

    Confused here, I've done that with Firebug and set the following in my css

    . entry-title h1 { display:none;}
    . entry-header h1 { display:none; }

    Yet it's still showing the Title?

  12. esmi
    Forum Moderator
    Posted 2 years ago #

    On what page of the site are these titles?

  13. petematheson
    Member
    Posted 2 years ago #

    On every page that I create.

    It's on my home page (www.performanceacademyltd.com/blog)

    See where it says 'HOME' at the top below the logo.

  14. esmi
    Forum Moderator
    Posted 2 years ago #

    Well, if you added that CSS to your site's style.css (not the theme's style.css file), it's not being loaded - which explains why the title is still visible.

  15. petematheson
    Member
    Posted 2 years ago #

    Ah, silly little thing.

    there was a space in my . entry-title h1 css tags.

    changed to
    .entry-title h1 { display:none;}
    .entry-header h1 { display:none; }

    Now all working

    Thank you !

  16. William
    Member
    Posted 2 years ago #

    1. Download and install companion plugin
    2. in your dashboard, go to appearance -> companion
    3. this will bring up CSS Override Editor
    4. enter the following code and save:

    .entry-title
    {
    display: none !important;
    }

    WORKS FOR ME .. I would rather use this process ... updates will not overwrite my custom CSS. ~peace

  17. Xtreme360tv
    Member
    Posted 2 years ago #

    That last post is genius, thank you so much wisemasterchief!!!

  18. TKPrinPrin
    Member
    Posted 2 years ago #

    @wisemasterchief - Installed Companion plugins and follow the code you provided. It works well. Thank you very ..very much. Also thanks for step by step instructions. It helps alot for newbie.
    Have a lovely day!!

  19. ahmadh2o
    Member
    Posted 2 years ago #

    Thanks wisemasterchief

    works fine for me on the Twenty Eleven theme!

  20. MariaMSM
    Contributor Day Volunteer
    Posted 2 years ago #

    .entry-title
    {
    display: none !important;
    }

    The above hides ALL titles. Including the title on the error message page and posts on your blog. I would like to hide only the titles of the static pages I have created. I know there is a code snippet that allows to hide the 'entry-title' on select pages, but can't seem to find it again. Help? Suggestions?

    Thanks!

  21. esmi
    Forum Moderator
    Posted 2 years ago #

    Please post your own topic.

  22. William
    Member
    Posted 2 years ago #

    open up page source in your web browser. Look for something like this:

    <article id="post-2" class="post-2 page type-page status-publish hentry">

    This is entry into CSS Override Editor to effect current page title ONLY

    .post-2 .entry-title
    {
        display: none;
    }

    regards,
    William

  23. MariaMSM
    Contributor Day Volunteer
    Posted 2 years ago #

    Hi wisemasterchief,

    That is exactly what I was looking for!

    THANKS!
    Maria

  24. William
    Member
    Posted 2 years ago #

    another alternative would be to create a child theme for performing your customizations. only file required in child theme is the style.css which would totally overwrite the style.css of parent theme without having to make any physical changes to it.

    http://wp.tutsplus.com/tutorials/theme-development/creating-a-simple-child-theme-using-twenty-eleven/

  25. MariaMSM
    Contributor Day Volunteer
    Posted 2 years ago #

    I had already created a child theme (should have mentioned that), but thanks for the link!

    M

  26. Jesper Brunholm
    Member
    Posted 2 years ago #

    I am sorry to say this, but making H1 content display-none is fairly bad advice with respects to search enginges - the risk of getting banned because you seem to try to cheat your page to a better rank is high.

    I am looking for a solution to the same problem, but will not do this with css-workarounds. I'll post if I find the solution.

  27. alchymyth
    Forum Moderator
    Posted 2 years ago #

    edit content-page.php in the child theme;

    find:

    <header class="entry-header">
    		<h1 class="entry-title"><?php the_title(); ?></h1>
    	</header><!-- .entry-header -->

    either remove this totally - no pages titles at all;

    or wrap it into a conditional statement, using the is_page() conditional tag to either allow the title on special pages, or to remove the title on special pages;

    http://codex.wordpress.org/Function_Reference/is_page

  28. William
    Member
    Posted 2 years ago #

    if you are that concerned about it..

    edit your page, go into HTML mode and put in your own title, but this time it can be anything that you want.

    <h1>My Page Heading</h1> or choose not to have a page title. no need to edit your PHP code anyplace in your theme

    NOTE: I like to use H2 tag instead of H1

    That is why you want to remove default page title in first place, correct?

    what better solution can there be??? LOL

  29. rayvan22
    Member
    Posted 2 years ago #

    Thanks man :)

    Simple is for me getting rid of the title for http://www.electricbilltko.com was making me crazy

  30. Jesper Brunholm
    Member
    Posted 2 years ago #

    I'm really having trouble with this. On e.g. http://jespervinther.dk/biografi/ I want to remove the bold Biografi right below the menu.
    I'm running a child-theme based on Twenty Eleven (fully updated), with the 6 files listed below in the child-customisation. I have disabled the_title() in the child-theme content-page.php. Does any of you have advice as to what I'm missing here?

    Thank you very much for all input, I'm growing desperate :-/

    ** Child theme files **

    • content-page.php
    • Footer (footer.php)
    • Theme Functions (functions.php)
    • Header (header.php)
    • Showcase Template Page Template (showcase.php)
    • Stylesheet (style.css)

Topic Closed

This topic has been closed to new replies.

About this Topic