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 »

Page Menu Bar - space between items


  #1  
Old Feb 10, 2009, 10:39 PM
Tamas
 
21 posts · Jan 2009
Hungary
Hello!

How can some space be added inbetween the items of the Page Manu Bar? So, the menu items would be more separated from each other, and more distributed in the available space.

Thanks,

Tamás
  #2  
Old Feb 11, 2009, 06:22 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
As CSS Insert

To separate them:

HTML Code:
ul.rMenu-hor li {
margin-left: 10px;
}
to make the single tabs wider

HTML Code:
ul.rMenu a:link,
ul.rMenu a:active,
ul.rMenu a:visited,
ul.rMenu a:hover {
padding: 4px 20px; /* 4px top/bottom, 20px left/right padding */
}
  #3  
Old Jun 11, 2009, 08:45 PM
Andygeog
 
3 posts · Jun 2009
Hi,

I was beginning to lose faith in Wordpress - it's such a steep lurning curve for a beginner, even one with some basic HTML knowledge.

Thanks so much for this theme, it restored my faith in Wordpress!

I'm having real trouble spacing the Page Menu Bar. Where should I be looking for the original code to replace?

Cheers,

Andy
  #4  
Old Jun 17, 2009, 10:04 AM
faigekobre
 
14 posts · Jun 2009
Or how do we put heavy borders around each menu option. The border just seems to work around the whole menu bar
  #5  
Old Jun 17, 2009, 11:51 AM
faigekobre
 
14 posts · Jun 2009
Andy I tried what you are looking for and I think you insert it into the html/css inserts at the bottom in the box that says css inserts. When I tried it it separated but adds kind of like some small vertical column in there (in dotted form like the rest of the border)
  #6  
Old Jun 18, 2009, 06:30 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
faigekobr

the setting at ATO->Page Menu Bar->Border around all menu items: should put the line arround each of the menu items and the whole menu bar. Try this in the option
HTML Code:
solid 3px #3e3e3e
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 27, 2009, 09:04 PM
blueprairie
 
98 posts · Feb 2009
I am also trying to do this, using WPMU with ATO 3.2.

I inserted :

ul.rMenu a:link,
ul.rMenu a:active,
ul.rMenu a:visited,
ul.rMenu a:hover {
padding: 4px 20px; /* 4px top/bottom, 20px left/right padding */
}

But no change is occurring, even when the padding is changed to an extreme number. Suggestions?
  #8  
Old Jun 29, 2009, 10:42 AM
bcorrigan
 
85 posts · Feb 2009
you might need the !important declaration in your CSS insert to make it work. Look it up in you CSS reference book.
  #9  
Old Apr 13, 2010, 06:36 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Quote:
Originally Posted by Flynn
As CSS Insert

To separate them:

HTML Code:
ul.rMenu-hor li {
margin-left: 10px;
}
to make the single tabs wider

HTML Code:
ul.rMenu a:link,
ul.rMenu a:active,
ul.rMenu a:visited,
ul.rMenu a:hover {
padding: 4px 20px; /* 4px top/bottom, 20px left/right padding */
}
Does this work on 3.4.6? I am not seeing a change.
__________________
Ho Ho Ho
Blah Blah Blah
  #10  
Old Apr 13, 2010, 06:39 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I beleive that should be working, but each site can vary depending on what elste you have added - try adding '!important' before the ';'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Apr 13, 2010, 07:19 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
This is all I have in the CSS Insert:

Code:
div#menu1 ul.rMenu {
background:transparent;
}

ul.rMenu a:link,
ul.rMenu a:active,
ul.rMenu a:visited,
ul.rMenu a:hover {
padding: 4px 20px; /* 4px top/bottom, 20px left/right padding */
}
I'm trying to make the tabs "wider" - no space between the tabs. But I also want to "fill" the tab with the highlight color. I've been playing around with it and can get the tabs wider, but I don;t want to see the the blue on each side of the tab during hover.

I also cant figure out how to move the sub-menu down a bit.

http://www.mjrgrp.com/demo/atec/products/
__________________
Ho Ho Ho
Blah Blah Blah
  #12  
Old Apr 13, 2010, 07:34 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what happens if you add teh !important?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Apr 13, 2010, 07:52 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Wahoo! That did it! Thank you!
__________________
Ho Ho Ho
Blah Blah Blah

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Space between Widget List Items configurable? upscho Sidebars & Widgets 10 Jul 3, 2012 06:15 PM
How to make Page Menu Bar items BOLD? PerryM Page & Category Menu Bars 3 Dec 3, 2009 10:03 AM
Strange right space because of the page menu bar Thalie Page & Category Menu Bars 7 Jun 22, 2009 10:58 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 11:18 AM
Where can I style space to the left and right of the page menu bar? Wimbledon Page & Category Menu Bars 6 May 28, 2009 11:43 PM


All times are GMT -6. The time now is 03:34 AM.


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