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] Can I make space between menu items text the same?

Old Aug 13, 2013, 08:50 AM
164 posts · Aug 2010
I'm working on this - http://www.awaremindtherapies.co.uk/
she just wanted it transferred from a HTML site to a wordpress one so it needs to look like it did originally.

I'm having problems getting spaces between the words on the menu the same.

At the moment the gap between Psycotherapy and Mindful Birthing looks smaller than the one between Mindful Birthing and Reiki.

I've been playing with the CSS, padding, margins etc but I'm not getting anywhere. Any pointers much appreciated.

And is it easy to get an image before each menu item too? Remember I am a fool and know nothing.
Old Aug 13, 2013, 09:43 AM
juggledad's Avatar
23,739 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
have you edited any of the themes files? particularly the css.php?
Old Aug 13, 2013, 10:01 AM
164 posts · Aug 2010
not to my knowledge, just added to the css through the theme options
Old Aug 13, 2013, 10:07 AM
164 posts · Aug 2010
I can see the menu bit on the css.php but I am way out of my depth, no idea what to start fiddling with here.
Old Aug 13, 2013, 10:40 AM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
You don't want to mess with css.php. Juggledad but it appears that someone may have set the width for the menus there.

The width of the menu items is set to 8em so you see more space around menu items that are shorter.

You could see what was changed in css.php or you could "overwrite" the rules with the following in the CSS Inserts section of the theme options.
HTML Code:
div#menu1 li {
    border: 1px solid white !important;
div#menu1 a {
    width: auto !important;
    margin: 0 30px !important;
    background: transparent !important;
    border: none !important;
~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.
Old Aug 13, 2013, 11:02 AM
164 posts · Aug 2010
Larry you are a total star, that is exactly what I needed. Huge thanks!


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 07:13 AM
Space between page menu items vCopia Page & Category Menu Bars 1 Mar 26, 2013 09:50 PM
Space between menu items edlElisabet Page & Category Menu Bars 4 Jun 19, 2012 10:52 AM
Page Menu Bar - space between items Tamas Page & Category Menu Bars 12 Apr 13, 2010 06:52 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM

All times are GMT -6. The time now is 01:43 PM.

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