WordPress.com

1. conceptsbyjoe
   Member
   Sep 21, 2011, 8:05 PM

   Hi!

   I'm working on my blog: http://conceptsbyjoe.wordpress.com/

   I would like to change the distance between the titles of my pages in the navigation bar, or centre them.
   To explain myself; i would like to have "home" on the right sight of the page and "contact" on the left.

   Thanks in advance!

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

2. timethief
   Member
   Sep 21, 2011, 8:35 PM

   The Page Attributes module allows you to set page parents and templates, and to change the order of your pages.

   Do you have CSS editing experience and have you purchased an annually renewable custom design upgrade? Without the upgrade you cannot change distances between the page tabs.

3. conceptsbyjoe
   Member
   Sep 21, 2011, 8:39 PM

   I have not to many CSS editing experience, but if I get a code or an explanation I think I know how to get it done. I do have the custom design upgrade, so I am able to change.

4. timethief
   Member
   Sep 21, 2011, 8:41 PM

   Note that the location of the Home tab cannot be changed as it is supplied by the template underlying the theme and we cannot edit theme or templates. However, if you create a custom menu then you can create a custom Home link, position it where you wish in your custom menu, and choose not to display the Home tab coded into the template.

   Also note this article Introduction to Structure.

5. timethief
   Member
   Sep 21, 2011, 8:42 PM

   @conceptsbyjoe

   I do have the custom design upgrade, so I am able to change.

   I will flag this thread so our Moderators move it to the CSS Forum for you. :)

6. designsimply
   Staff
   Sep 22, 2011, 7:09 PM

   If you just want to change the order of menu items, you should use a custom menu like timethief suggested: http://en.support.wordpress.com/menus/

   Or were you trying to change they way the menu items themselves look in some way? Do you want to change the distance between them or just change the order?

7. conceptsbyjoe
   Member
   Sep 23, 2011, 1:14 PM

   I would like to change the distance between the menu items, so that I can place them in the full width of my page.

8. designsimply
   Staff
   Sep 24, 2011, 5:55 PM

   Gotcha. Try this to add some padding around the menu items in the Structure theme so there is more distance between each one:

   .ot-menu {
       width: 100%;
   }
   
   .ot-menu li {
       margin-right: 12px;
   }

   Note that if you add more menu items in the future or change the widths of the ones listed there now, you'll need to adjust the margin-right number accordingly.

Topic Closed

This topic has been closed to new replies.