WordPress.org

1. Tafts
   Member
   Posted 2 years ago #

   Hey guys,

   I have created a CSS drop down menu for one of my website, but I am having a bit of trouble trying to get an arrow image to show up only on the links with submenus, to show that there are more pages. Anyone know the solution to this?

   I know its probably a simple solution, but after staring at a screen for this long I just can't see it.

   Thanks

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Unless you provide a link to your site, no one will be able to offer much in the way of specific help.

3. Tafts
   Member
   Posted 2 years ago #

   Yeah I would have, unfortunately its installed on my local drive at the moment, long story.

   I am implementing it with a page list – child of statement in the template:

   <?php wp_list_pages('title_li=&child_of='.$post=9 ); ?>

   and the CSS Code is:
   

   div.left-widget ul{
   	list-style: none;
        }
   
   div.left-widget ul li {
   list-style: none;
   	position: relative;
   	}
   
   div.left-widget li ul {
   	position: absolute;
   	left: 175px;
   	top: 0;
   	display: none;
   	}
   
   div.left-widget ul li a {
   	display: block;
   	text-decoration: none;
   	color: #ffffff;
   	background: #7fa470;
   	padding: 7px;
   	border: 1px solid #ccc;
   	border-bottom: 0;
   margin-left:-10px;
   	}
   
   div.left-widget li:hover ul { display: block; width: 180px; }

   Any help would be great.

   Thanks

4. Tafts
   Member
   Posted 2 years ago #

   Anyone ...

   The solution doesn’t even have to have anything to do with getting it work in wordpress, has anyone got this working, without having to manually give each parent page a class to show the arrow?

Topic Closed

This topic has been closed to new replies.