change style of the custom menu?

Tomy1734
March 13, 2012 at 8:28 pm #3839

Hello,

Please advice how I can change style of the custom menu?

Thank you1

Anonymous
March 13, 2012 at 9:21 pm #26201

Edit your child theme css to make the changes you want to implement.

Without knowing what you are trying to do, it’s impossible to give a specific answer.

Mod

Kenneth John Odle
March 13, 2012 at 10:53 pm #26202

True. Custom menus can be used in a variety of places, so it’s really a matter of where you are using it.

Do try Firebug, though.

Tomy1734
March 14, 2012 at 7:46 am #26203

I mean the custom menu on the footer. I tried with editing my child theme but without success.
Anonymous
March 14, 2012 at 8:30 am #26204
Well, I mean it depends on WHAT you are wanting to style. There are a few different elements to the footer nav menu.

If you want to style the entire footer menu, then something like this:
```
.footer-menu-wrap {

float: left;

font-size: 14px;

margin-right: 20px;

}
```
If you want to style just the title areas:
```
.footer-menu-wrap li {

display: inline-block;

margin-left: 10px;

padding-left: 10px;

vertical-align: top;

}
```
If you want to style the submenus:
```
.footer-menu-wrap ul.sub-menu {

border-left: 1px solid #222222;

list-style: none outside none;

margin-top: 5px;

padding-left: 5px;

}
```
Tomy1734
March 14, 2012 at 8:57 am #26205

Josh,

I not explain what exactly I want 🙂

I want to have two menus on my footer: One is the standard footer menus from graphene menus and other using a “custom menu” widget. So, i dont know how to change style for the widget custom menu?

Anonymous
March 14, 2012 at 9:42 pm #26206

Start with Ken’s suggestion above. Get familiar with the Mozilla Firebug addon for the Mozilla Firefox browser. Use it to identify the CSS you need to adjust.

Mozilla Firefox:

http://www.mozilla.org/en-US/firefox/fx/

Mozilla Firebug:

http://getfirebug.com/