Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Different amount of space between the menu items


  #1  
Old Jun 11, 2013, 09:48 AM
Carme
 
60 posts · May 2012
Brighton
Send a message via Skype™ to Carme
Hi,
I would like to have different amount of space between the menu items. The menu bar has a clickable logo in the middle. That means I need much more space between About us and Gallery than between home and about us / Gallery and contact.

I am making sense?

http://mobrog.karmeba.com/

any help would be appreciated

Carme
  #2  
Old Jun 11, 2013, 10:02 AM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You will have to do this by adding CSS to the CSS Inserts option. You will have to build a manual menu (dashboard->apperances->menu) and then look at the generated code to see what classes are associated withthe menu items. Then you use those classes to construct the CSS you will need.

If this sounds like greek, then you need to take a CSS tutorial so you understand what you need to do to go beyond the basics.
  #3  
Old Jun 11, 2013, 11:23 AM
Carme
 
60 posts · May 2012
Brighton
Send a message via Skype™ to Carme
done.thanks
  #4  
Old Jun 11, 2013, 11:23 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
If you use the WordPress menu system you can even add a class there if it is enabled via screen option on the menus page.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jun 11, 2013, 11:28 AM
Carme
 
60 posts · May 2012
Brighton
Send a message via Skype™ to Carme
I use the following to style the menu

li.page-item-4 {
margin-left: 100px !important;
}

li.page-item-6 {
margin-left:20px !important;
}

and so on till I had the menu I wanted.

Thanks a lot

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] how to add space between menu items goodie Page & Category Menu Bars 17 May 13, 2013 08:13 AM
Space between menu items edlElisabet Page & Category Menu Bars 4 Jun 19, 2012 11:52 AM
Space between page menu items nymana Page & Category Menu Bars 7 Jul 28, 2009 08:42 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 11:18 AM
Huge amount of empty space, and YSlow paulae Atahualpa 3 Wordpress theme 3 May 5, 2009 12:06 PM


All times are GMT -6. The time now is 07:42 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.