Hi,
I must admit I am new to Joomla, but I am a fairly fast learner with experience in other coding.
I have added the module successfully, but I need for the menu to be centered, and for it to be black. I have added the CSS code found below in the "CSS Styles" section of the backend panel for the module. However, I have applied/saved and I have even cleaned my cache but the CSS does not seem to be working? Do I need to modify the code, if so to what?
| Code: |
div.menu {
width: 100%;
height: 44px;
background: #000;
text-align: center;
position: relative;
z-index: 2;
}
div.menu ul {
width: 970px;
margin: 0 auto;
}
#mainmenu li {
float: left;
display: block;
height: auto;
position: relative;
border-right: 1px solid #404040;
}
#mainmenu li a {
display: block;
height: 44px;
color: #fff;
padding: 0 20px;
text-align: center;
text-decoration: none;
font: normal 12px/44px Verdana, Arial, sans-serif;
}
#mainmenu li#current a,
#mainmenu li a:hover,
#mainmenu li.parent:hover a,
#mainmenu li.parent.active a {
text-decoration: none;
background: url(../images/menu_item_active_bg.png) repeat-x 0 0;
}
#mainmenu li ul {
display: none;
position: absolute;
top: 44px;
left: -4px;
width: 196px;
margin: 0;
background: url(../images/submenu_bg.png) repeat-y center;
}
#mainmenu li:hover ul {
display: block;
}
#mainmenu li ul li {
margin-left: 4px;
height: 36px;
padding: 0;
border-right: none;
border-bottom: 1px solid #cfd4d8;
}
#mainmenu li ul li a {
color: #57adf0;
width: 170px;
height: 36px;
line-height: 36px;
padding: 0 9px;
text-align: left;
}
#mainmenu li:hover ul li a,
#mainmenu li.parent:hover ul li a,
#mainmenu li.parent.active ul li a {
background: none;
}
#mainmenu li ul li:first-child a {
border-top: 1px solid #cfd4d8;
}
#mainmenu li ul li#current a,
#mainmenu li ul li a:hover,
#mainmenu li.parent.active ul li a:hover {
color: #fff;
background: #697177!important;
}
|
Any and all help is greatly appreciated! My website is at ipgrealestate.com, if you want to see what the menu is currently doing (nothing where it should be centered in the middle, and a black menu).
Thank You!
J. Greene
