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] Lost rounded corners on menu


  #1  
Old Nov 11, 2010, 09:28 PM
aoakesamo
 
5 posts · Nov 2010
I was playing around with the styling and I reset all my CSS/HTML inserts and I believe that's when I lost the menu styling. But looks like everything is working EXCEPT the rounded corners and I have a background color that extends the width of the page.

Can you help me out here? not sure what happened. Thanks

http://microdermabrasion-crystals.com/
  #2  
Old Nov 12, 2010, 10:04 AM
aoakesamo
 
5 posts · Nov 2010
I copied this code I found from one of the other threads back into the inserts, does anyone know if I am missing something?


/* Menu Bars */

div#menu1 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: #ccc;
box-shadow: 0 3px 10px #6663;
-moz-box-shadow: 0 10px 5px #666;
}

div#menu2 ul.rMenu {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 3px;
margin: 5px 0;
}
div#menu2 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: #666;
box-shadow: 0 3px 10px #333;
-moz-box-shadow: 0 3px 10px #333;
}


/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px;
}
/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 5px;
}
/* Reset margin for 2nd+ level items */
div#menu1 ul.rMenu li li {
margin-right: 0;
}

/* round corners for menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a,
div#menu2 ul.rMenu li, div#menu2 ul.rMenu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* reset 2nd+ level */
/*
div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a,
div#menu2 ul.rMenu li li, div#menu2 ul.rMenu li li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
*/
  #3  
Old Nov 12, 2010, 12:40 PM
juggledad's Avatar
juggledad
 
23,742 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
looks right, give it a try

you could also export your setting, then import the 'ata-round.txt' settings and grab the CSS INSERTS, re-import your setting and apply the CSS Inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 12, 2010, 05:43 PM
aoakesamo
 
5 posts · Nov 2010
Thanks for your help.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Need rounded off corners on menu boarders nickcee Page & Category Menu Bars 4 Nov 21, 2013 11:47 AM
Rounded Corners with an image Xethon Sidebars & Widgets 2 Sep 16, 2010 07:31 AM
[SOLVED] Rounded corners on horizontal menu tabs Cheers eCommerce & Atahualpa 2 Aug 16, 2010 04:55 PM
[SOLVED] Rounded corners in page menu bar xheartrockx Page & Category Menu Bars 1 Jun 26, 2010 04:58 PM
[SOLVED] Page menu bar rounded corners CSS issue Wimbledon Page & Category Menu Bars 5 Jun 24, 2010 06:40 AM


All times are GMT -6. The time now is 04:35 AM.


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