Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Lost Sub Menu Indicator Arrows


  #1  
Old Jun 22, 2010, 07:09 AM
GarethP
 
64 posts · Jun 2010
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
  #2  
Old Jun 22, 2010, 07:14 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see http://forum.bytesforall.com/showthread.php?t=7654
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 22, 2010, 07:38 AM
GarethP
 
64 posts · Jun 2010
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...
  #4  
Old Jun 22, 2010, 08:20 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 22, 2010, 12:36 PM
GarethP
 
64 posts · Jun 2010
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?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu drop down modification - remove arrows & extra space dorigen Page & Category Menu Bars 31 Aug 16, 2014 12:10 PM
Category Menu Bar: Subcategory Indicator Arrows MatthiasHeil Page & Category Menu Bars 14 Jan 13, 2011 08:42 AM
Removing Drop-down Arrows from Page Menu arch14 Page & Category Menu Bars 7 Jul 29, 2010 02:13 PM
[SOLVED] Menu Arrows missing kpkes@yahoo.com New Versions, & Updating 5 Jun 19, 2010 07:32 AM
NEWER / OLDER orientation - arrows in wron direction dave925 Atahualpa 3 Wordpress theme 4 Apr 8, 2009 12:55 PM


All times are GMT -6. The time now is 10:18 AM.


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