Need help? Check out our Support site, then


Page title duplication

  1. johnlavertyconstruction
    Member

    I am looking for way to remove the duplication of page titles in the body of each page. I have purchased the custom design package and tried a few changes in CSS that I found via other searches, but nothing has worked so far. My theme is Waston.

    Thanks!

    The blog I need help with is johnlavertyconstruction.net.

  2. fabianapsimoes
    Staff

    I just checked http://johnlavertyconstruction.net in Firefox and I could not spot the title duplication you mentioned. Here is what I see: http://awesomescreenshot.com/09e1igyff9 Did you change your CSS to fix the issue? If not, could you show me a page in which this happens?

  3. johnlavertyconstruction
    Member

    Thank you for your reply! In your screenshot you'll see you've clicked 'portfolio' from the nav at the top and then the word portfolio appears again in the body of the page. That is what I want to stop from happening. Does that make sense?

  4. That can be done without CSS editing. See here, under "Other options, special cases and tricks":
    http://wpbtips.wordpress.com/2011/12/19/custom-menus/

  5. johnlavertyconstruction
    Member

    Thank you! Does this mean I need to change my current static pages to custom menus first?

  6. No. You can put a custom menu on a static page. It will also appear on your post page, and on all of your archive pages. Please read the article carefully so your success in making a custom menu will be assured.

  7. johnlavertyconstruction
    Member

    Thank you, Tess. I watched the video to ensure I was creating the menu correctly and then went back and followed the instructions in step F from the link posted above and it just removes the page names all together (from the top nav AND pages). Does that make sense?

    If you look at the site now, you'll see what I mean.

  8. If you follow the instructions carefully, #f in my post doesn't remove the title from the top menu. But anyway it's a workaround for those who don't have the Custom Design upgrade. When you have the upgrade, there's no reason to resort to this poor workaround. Add this in the CSS editor:

    body.page header.post-title {
        display: none;
    }
  9. fabianapsimoes
    Staff

    In addition to what @justpi advised, I'd also suggest that you highlight, in the menu, what page is currently being displayed. This is a good practice for making it visible to your users "where they are" in your website. You can do this with the following CSS:

    .current_page_item {
        font-weight: bold;
    }

    In this example, I just made the item in the menu bold, but you can style it however you want. Here goes a CSS tutorial to guide you through the different ways you can style your text: http://www.htmldog.com/guides/css/beginner/

  10. johnlavertyconstruction
    Member

    Exactly what I was looking for. Thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Topic