Home Tab in Ocean Mist Theme

  • Author
    Posts
  • #458492

    debbieroes
    Member

    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.

    #458771

    timethief
    Member

    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.

    #458774

    debbieroes
    Member

    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.

    #458776

    devblog
    Member

    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.

    #458795

    debbieroes
    Member

    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!

    #458796

    timethief
    Member

    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.

    #458798

    devblog
    Member

    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.

    #458799

    devblog
    Member

    Addendum:

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

    #458831

    debbieroes
    Member

    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.

    #458881

    tntsmalley
    Member

    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.

    #458884

    devblog
    Member

    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.

    #458897

    gtg480b
    Member

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

    #458898

    mistersingh
    Member

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

The topic ‘Home Tab in Ocean Mist Theme’ is closed to new replies.