Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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;
}
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:
http://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