Changing the menu button shape (almost there)
 

Hi there.

Am using this code in CSS Inserts to make my menu buttons rounded. But the highlighter for the buttons remains square.

Can the highlighter be made to match the rounded edges in the following code?

div#menu1 ul.rMenu, div#menu2 ul.rMenu {
background-color: transparent;
}
div#menu1 ul.rMenu li {
margin-right: 5px;
-moz-border-radius:5px;
-khtml-border-radius: 15px;
-webkit-border-radius:15px;
border-radius: 15px;
border: 2px solid #EE008C;
}

Many thanks.

You may need to take out the button styling in the forms section of the theme options to let other CSS have affect.

Hi. Gave that a try but made no difference. I removed all coding from the forms section.
I am guessing there must be a code for the hover state of the menu?

Okay.
Sorted out the shape, and the hover state with the following code.
Just one more thing to do now.

When on the Home page [for example], the Home page button highlighter is still square.

div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu li {
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

border: 2px solid #EE008C;
}

a:hover
{
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #EE008C;
}

Well. I have given up on my original vision to settle with this:
http://thepleasuredome.co

Using this code for the menu:

div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu-ver {
background-color: transparent !important;
padding: 0 0 0 0;
}
ul.rMenu-hor ul ul {
margin-left: 12px !important;
margin-top: 0;
}
div#menu1 ul.rMenu li {
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

border: 2px solid #EE008C;
}

a:active
{
margin-left: 15px;
margin-right: -10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}