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 »

Remove Borders Around Menu 2 Menu?


  #1  
Old Aug 29, 2014, 09:19 PM
GRF
 
76 posts · Mar 2011
How do you remove the borders around menu items in the Menu 2 category menu? I tried the following CSS and it makes the menu transparent which is what I want, but I still see the borders around each item.

div#menu2 ul.rMenu {
background:transparent;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
background: transparent !important;
}
ul.rMenu li a:hover {
background: transparent !important;
}
  #2  
Old Aug 30, 2014, 05:17 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you look in the MENU 2 theme options?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 30, 2014, 06:52 AM
GRF
 
76 posts · Mar 2011
Yes I did.

Is says in the "Border around all menu items" help section... Every item of the menu bar, plus the menu bar itself, will be wrapped into this border. To have no borders in the first level, give it the same color as the background color for first level items. Don't use semicolons here. Note: Leave the border width at 1px, match colors if you want to make it dissapear.

So I have "Border around all menu items" set to "solid 1px #6E61F7" and the "Background color" setting set to "6E61F7" but I still see a small border around each menu item top, bottom, left, right even though in the CSS settings I told it to make it transparent.

-Please advise.
  #4  
Old Aug 30, 2014, 07:15 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 30, 2014, 07:35 AM
GRF
 
76 posts · Mar 2011
http://www.selfdefensegearco.com/per...lywood-actors/

UPDATE: MY GOD I FIXED IT MYSELF: HERE IS MY CSS CODE:

div#menu2 {
background:transparent;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}

div#menu2 ul.rMenu {
background:transparent;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
background: transparent !important;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}
ul.rMenu li a:hover {
background: transparent !important;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}

Quick question though, Is there a way to make the menu items have more space between each item?

Last edited by GRF; Aug 30, 2014 at 08:02 AM.
  #6  
Old Aug 30, 2014, 08:18 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
Is there a way to make the menu items have more space between each item?
sure, put a left and right margin (margin: 0 20px on the <li...>

BTY you can condense your css by changing
HTML Code:
ul.rMenu li a:hover {
background: transparent !important;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}
to
HTML Code:
ul.rMenu li a:hover {
background: transparent !important;
border:transparent !important;
}
and ever combine the selectors since they are all applying the same rules so you would have
HTML Code:
div#menu2,
div#menu2 ul.rMenu,
ul.rMenu li a:link, 
ul.rMenu li a:active,
ul.rMenu li a:visited, 
ul.rMenu li,
ul.rMenu li a:hover {
background: transparent !important;
border:transparent !important;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Aug 30, 2014 at 08:22 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Page menu with search bar 'how to remove white space' at the top of the menu secretsquirrel Page & Category Menu Bars 6 Feb 13, 2014 01:14 AM
Remove menu background graphic on drop down menu area blueprairie Page & Category Menu Bars 8 Jul 31, 2012 04:28 PM
How to remove borders around Header image econfidence Header configuration & styling 3 Jul 9, 2010 03:44 PM
[SOLVED] Remove image borders on one post, not all pkmillikin Center area post/pages 4 Mar 15, 2010 09:59 AM


All times are GMT -6. The time now is 10:17 AM.


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