Menu Questions

1. Can you change the text-style of the menu headings (i.e. parent pages)? I was able to change the size and font using custom css, but nothing more. Specifically, I wanted to bold the text.

2. Is it possible to change the color of the drop-down menus? I managed to change the hover color, but that is all.

Thanks.

 

Go to Js > custom.js present in your theme directory and remove the code given below

Code:

//Font Replace
Cufon.replace('#menu ul li a',{hover: true})('#colRight h2')('.reply',{hover:true})('h1')('h2')('h3')('h4')('h5')('h6');

Sending image for reference




Now,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li.current-menu-item a{
font-family:Your Font Type;
font-weight:bold;
font-size:20px;
}
#menu li a {
font-family:Your Font Type;
font-weight:bold;
font-size:17px;
}
#menu .ddsmoothmenu li li a{
color:red!important;
}

 

Thanks. That fixed my first question, but I wasn't clear enough about the second. That code changed the font color of the drop down menu, but I actually wanted to change the color of the menu itself. I managed to do that by changing this (color:red!important) to this (background:red!important) but now the hover color isn't working. Is it possible to change the menu color and still use a hover color?

Thanks again.

 

Sorry, one more question. That code made both the menu headings (parent pages) and menu items (sub-pages) bold. Is it possible to only bold the menu headings?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li li a:hover{
background:blue!important;
}
#menu li a{
font-weight:normal;
}

 

Thanks again.

The menu color worked, but unfortunately it has now reverted both the menu headings (parent pages) and menu items (sub-pages) to a normal rate. Is it not possible to have have different weighting for these the heading and items in a menu?

 

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

Code:

#menu .ddsmoothmenu li li a
{
font-weight:normal;
}

instead of

Code:

#menu li a{
font-weight:normal;
}

This will solve your issue.