GarethP |
Jun 22, 2010 06:09 AM |
[SOLVED] Lost Sub Menu Indicator Arrows
Hi,
I'm at WP3 and Theme 3.5.1.
URL : www.stiltonrecruitment.co.uk
I have the amended bfa_hor_pages.php installed
I've been playing with coloured menu items (client's request) and have managed to get exactly the look they are looking for BUT, in writing my CSS insert to manage the colours I appear to have lost the Sub Menu indicators (they are set to black in the main options page)
Here's my complete CSS insert
Code:
/* to remove the dashed border around the menu */
/*---------------------------*/
div#menu1 { border: none 0px; }
/* to add the speech bubbles as a widget bullet */
/*---------------------------*/
div.widget ul li,
div.widget ul li:hover,
div.widget ul li.sfhover {
border-left: 0 !important;
padding-left: 15px !important;
background: url(/wp-content/themes/atahualpa351/images/icons/comments-gray.gif) no-repeat 0 3px;
}
/* curved corners for menu */
/*---------------------------*/
ul.rMenu ul {background:transparent !important;}
div#menu1,
div#menu1 ul.rMenu,
div#menu1 ul.rMenu li,
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
-moz-border-radius-bottomleft:10px;
-khtml-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-khtml-border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-khtml-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-khtml-border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;
}
/* COLOURED MENU ITEMS */
/* Business services */
/*---------------------------*/
div#menu1 li.page-item-64 a:link,
div#menu1 li.page-item-64 a:visited,
div#menu1 li.page-item-64 a:active
{
background:#D4001F !important;
color:#ffffff !important;
}
div#menu1 li.page-item-64 a:hover {
background:#ffffff !important;
color:#d4001f !important;
}
/* Accountancy Services */
/*---------------------------*/
div#menu1 li.page-item-58 a:link,
div#menu1 li.page-item-58 a:visited,
div#menu1 li.page-item-58 a:active
{
background:#2d04d2 !important;
color:#ffffff !important;
}
div#menu1 li.page-item-58 a:hover {
background:#ffffff !important;
color:#2d04d2 !important;
}
/* Conference Services */
/*---------------------------*/
div#menu1 li.page-item-52 a:link,
div#menu1 li.page-item-52 a:visited,
div#menu1 li.page-item-52 a:active
{
background:#399f94 !important;
color:#ffffff !important;
}
div#menu1 li.page-item-52 a:hover {
background:#ffffff !important;
color:#399f94 !important;
}
/* Information Technology */
/*---------------------------*/
div#menu1 li.page-item-46 a:link,
div#menu1 li.page-item-46 a:visited,
div#menu1 li.page-item-46 a:active
{
background:#8d4b85 !important;
color:#ec9e38 !important;
}
div#menu1 li.page-item-46 a:hover {
background:#ec9e38 !important;
color:#8d4b85 !important;
}
/* Recruitment */
/*---------------------------*/
div#menu1 li.page-item-47 a:link,
div#menu1 li.page-item-47 a:visited,
div#menu1 li.page-item-47 a:active
{
background:#9160c4 !important;
color:#ffffff !important;
}
div#menu1 li.page-item-47 a:hover {
background:#ffffff !important;
color:#9160c4 !important;
}
/* Human Resources */
/*---------------------------*/
div#menu1 li.page-item-48 a:link,
div#menu1 li.page-item-48 a:visited,
div#menu1 li.page-item-48 a:active
{
background:#e60207 !important;
color:#ffffff !important;
}
div#menu1 li.page-item-48 a:hover {
background:#ffffff !important;
color:#e60270 !important;
}
/* Business Directory */
/*---------------------------*/
div#menu1 li.page-item-79 a:link,
div#menu1 li.page-item-79 a:visited,
div#menu1 li.page-item-79 a:active
{
background:#fafd11 !important;
color:#000000 !important;
}
div#menu1 li.page-item-79 a:hover {
background:#000000 !important;
color:#fafd11 !important;
}
/* Blog */
/*---------------------------*/
div#menu1 li.page-item-45 a:link,
div#menu1 li.page-item-45 a:visited,
div#menu1 li.page-item-45 a:active
{
background:#f519ed !important;
color:#000000 !important;
}
div#menu1 li.page-item-45 a:hover {
background:#000000 !important;
color:#f519ed !important;
}
/* Contact Us */
/*---------------------------*/
div#menu1 li.page-item-80 a:link,
div#menu1 li.page-item-80 a:visited,
div#menu1 li.page-item-80 a:active
{
background:#0bbe02 !important;
color:#ffffff !important;
}
div#menu1 li.page-item-80 a:hover {
background:#ffffff !important;
color:#0bbe02 !important;
}
I've temporarily overcome this by adding an ugly ▼ manually to the end of pages that have sub pages but the formatting is off as it obviously is still padding for the down arrow graphic.
My guess is that part of my insert overwritten a bit of CSS that puts the arrows at the end of the Menu Title, but I don't know which bit!
Can anyone help? or am I just trying to be too clever?
Thanks
|