Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] Lost Sub Menu Indicator Arrows (http://forum.bytesforall.com/showthread.php?t=7716)

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

juggledad Jun 22, 2010 06:14 AM

see http://forum.bytesforall.com/showthread.php?t=7654

GarethP Jun 22, 2010 06:38 AM

Thanks for your quick reply Juggledad. I have the updated bfa_hor_pages.php installed.

If I remove the CSS insert completely the sub menu indicators return.

Here's a site running WP3 and Theme 3.5.1, but with no CSS inserts. www.northnottshc.net

I therefore deduce that a part of my insert (above) is overwriting a bit of existing CSS that places the sub menu indicators on the relevant menu items, I just don't know which bit is the culprit...

juggledad Jun 22, 2010 07:20 AM

take it all out and add in half of it - does the problem exist?
Yes - it in the CSS you just add - take it out and go back and add half of it etc
No - add the other half in and repeat till you figure out which peice is the problem

GarethP Jun 22, 2010 11:36 AM

It's the background: tags...

added in some extra CSS inserts to force the display of the Sub Menu indicators and all's well...

Then the client changed their mind! (it is my wife so I'm not going to argue too much!!!)

Can you mark this [SOLVED] please?


All times are GMT -6. The time now is 09:24 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.