Need help? Check out our Support site, then


Home Tab in Ocean Mist Theme

  1. The home page of my site (http://emhoa.wordpress.com) is the Posts/Blog page. However, since I don't feel that everyone will know to click on the blog name to go to the home page, I also wanted to add a Home link to the header section. I was able to do this using the following instructions:

    Create a page and give it this title:
    Home Page
    For some unfathomable reason the title you give this page must include a space, so if you prefer to use just one word, such as 'Home', then make sure you put a space after the word, before the closing code.

    But the Home link looks strange... It actually seems to be TWO links. If you hover to the left of the word "Home," you'll see a link, and you also see a link if you hover over the word "Home." The is a gap below the left link such that it doesn't look right.

    My preference would be to have just ONE Home link and to have it look like the other links. I paid for Custom CSS, but then I saw that this option is very limited in WordPress.com.

    Can anyone help?

    Thank you, Debbie

    The blog I need help with is emhoa.wordpress.com.

  2. Every wordpress.com blog already has a link in the header blog title. No matter which page you are on in a wordpress.com blog if you click on that link it will take you to the home page of the blog. There is no CSS editing required.

  3. I know that the header links to the home page, but I am not counting on the fact that everyone will know that. That's why I want to ALSO add a Home tab to direct users back to the home page. The site I'm creating will have a lot of older users, so I want to make it as easy as possible for them to navigate the site.

    I am capable of editing the CSS, but it seems as the method for doing so in WordPress.com is limited (either edit the entire CSS or do an add-on). I'd like to be able to MODIFY the CSS, but that option doesn't seem to be there.

    What I did worked, but it looks strange. I am hoping someone can help me fix the home link I have on the page: http://emhoa.wordpress.com.

  4. but it seems as the method for doing so in WordPress.com is limited (either edit the entire CSS or do an add-on)

    Is not that limited, really. The best way of "modifying" the CSS in wp.com is by overriding the selector's definitions. This article gives an example on how to do it:

    http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

    Of course, another way to modify the CSS is copying the whole thing in the CSS editor, modify it as much as you want, but make sure you have the "start from scratch" radio button checked.

  5. I appreciate the responses I've received so far to my question, but I'm still hoping there is someone who can help with the specific issue I mentioned regarding the Home tab I added to my site. It doesn't look THAT bad and it works, but I'm a perfectionist. I'm not sure how to make the new page link look as good as the others and not have a gap at the bottom left.

    If anyone can help me fix my Home link, either through the CSS or through a "hack" of some sort, I would greatly appreciate it!

  6. Hi there,
    There is no official support for CSS editing and devblog, who replied to you above, is the Volunteer who usually helps with it.

  7. Debbie,

    In the page title, type Home nothing else; then, change the slug (underneath the page title field where it says Permalink) to "index-php", save. That should create a Home button/tab that when click, will redirect people to your Home page.

  8. Addendum:

    To make the "Home" be the first on the nav menu, add a space before the H. Save and enjoy.

  9. Devblog - Sorry I didn't reply earlier... Thank you very much for your help! I will follow your directions - it sounds like exactly what I need.

  10. Exactly what I was looking for, too! FYI, you can also make sure the Home tab shows up first by giving it an "order" of 0 (zero), and make all other pages have a higher number.

  11. FYI, you can also make sure the Home tab shows up first by giving it an "order" of 0 (zero), and make all other pages have a higher number.

    That works in some themes; in others, you still have to add the space at the beginning of the word.

  12. Awesome! This is what I needed as well! Extremely helpful!

  13. I too have been looking for this solution. It worked. Thanks for this helpful discussion.

Topic Closed

This topic has been closed to new replies.

About this Topic