Highlight / grayscale the menus

is it possible to highlight the top pull down menu titles in a light shade of grey like image attached
and when hovering over the pulldown text a colour appears over your choice?

 

Hello,
Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.

 

can the edges of pull downs have radius instead of right angle edges ?

 

like this

 

Hello,
For the menu drop down issue,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu .ddsmoothmenu li ul {
background: none;
background-color:transparent;
}
#menu .ddsmoothmenu li ul li:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#menu .ddsmoothmenu li ul li:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

This will solve your menu drop down issue.
But for the top corner it is not possible to do that with this theme unless you custom code something up. Sorry

 

Hi there

thanks for this it looks much better

only thing is that on one of our page options the fly out icon is clashing with the page name text.

plus the red band is showing at teh top of each drop down - can we have this showing at the bottom instead?

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.rightarrowclass {
right: -7px;
}
#menu .ddsmoothmenu ul li ul li:last-child {
border-bottom: 2px solid #B22222;
}

This will solve your both the issue.

 

I have added this code and now we have one at top and one at bottom - how do we remove the red colour at the top now?

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu li li li:first-child {
border-top: none;
}

This will solve your issue.