[Theme: Custom Community] Help with Menus needed Please

Does that theme come with a section in the dashboard named, “Custom CSS”?

Hi Andrew – Yes is does has a CSS Custom and I have put the following code in as follows. It is showing in the source code when I view – but nothing comes up on the site. Do you know where have I gone wrong?

Thanks

div#header div#footer .menu ul{

list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
div#header div#footer .menu li
{
display:inline;
}
div#header div#footer .menu a:link,a:visited
{
font-weight:normal;
color:#0f9e05;

text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
div#header div#footer .menu a:hover,a:active
{
background-color:#333333;
}

• Home
• About Us
• Link Love

Note the other Header menu that is showing is a custom menu from the wordpress settings which I don’t like and don’t intend to use once I get he one above sorted out

Note the other Header menu that is showing is a custom menu from the wordpress settings which I don’t like and don’t intend to use once I get he one above sorted out

Hello WorldWideAdventurer,

I like your menu on top of the header. May I ask how you achieved to let your menu_top look like your normal menu?
Did you change the CSS for menu_top manually or is there another possibility?

Thanks,
Trin

Hi Trinity,

Presuming you have Custom Community Pro theme – if so this should work.

I finally got some CSS code worked out and here it is – You may want to change the colours to suit.

div#header div.menu-top {
font-size: 13px;

margin-left: 0px;
position: absolute;
width: 1000px;
height:38px;
top:0px;
background-color:#333333;
}

a, div.menu-top ul li.current_page_item > a:hover, div.menu-top ul li.current-menu-item > a{
background: none repeat scroll 1000px 1000px;
background-color:transparent;
}
a, div.menu-top ul li.current_page_item > a:hover, div.menu-top ul li.current-menu-item > a:hover {
background: none repeat scroll 1000px 1000px;
background-color: #ffffff;
}
div.menu-top.menu ul{
list-style-type:none;
margin:0;
padding:0;
}
div.menu-top.menu li
{
display:inline;
}
div.menu-top.menu a
{
font-weight:normal;
background-color:transparent;
text-align:center;
color:#7FB539;
text-decoration:none;
text-transform:lowercase;
}

div.menu-top.menu a:link,a:visited
{
font-weight:normal;
1color:;
text-align:center;
text-decoration:none;
1text-transform:lowercase;
}
div.menu-top.menu a:hover,a:active
{
background-color: #333333;
}

Hope this helps.

Hey WorldWideAdventurer,

thank you very much…this was exactly what I have been looking for!
It works perfectly, although I do not have the pro version.

Greets,
Trinity

Glad I could help – it’s usually me needing help!

This get worked out world?

It worked out so far….but I have still a small problem.
The top-menu is (although exactly as wide as the bottom menu) a little bit shifted to the right. This looks not so nice….
Do you have a solution or a explanation for this?

Greets,
Trinity

Hi trinity89,
I would have to see the site to figure this one out.

I did not upload my website so far, I’m still developing locally, but here is a screenshot if the header of my page:
https://dl.dropbox.com/u/52328865/Bildschirmfoto%202012-12-02%20um%2021.02.23.png

Greets,
Trinity

I solved it…there were some “margin-lefts” defined in the style.php file !

glad you got it figured out!

Hi all. I want to make my menu text bold and various shots at CSS haven’t worked. I’m using the “custom menu” option and the lower menu placement. Any thoughts?

Thank you,
Michelle