lamialexHello,
I'm developing a website for a friend with wordpress:
http://www.thierry-health.com/
This friend wanted the Stylio theme:
http://topwpthemes.com/stylio/
And I had to customise this theme a little bit.
My problem:
I've customised the menu in the right side and it's showing pages created with wordpress, I am not using categories since this website is not a blog.
I'm trying to have each pages' name become white when the page is opened so that the user can see where he is. But I'm hopeless at it...
The menu's code:
<div id="sidebar">
<div id="sidebar_in">
<div class="widget">
<ul>
<li class="page_item page-item-7 current_page_item"><a href="http://www.thierry-health.com" title="Home">Home</a></li>
<li class="page_item page-item-2"><a href="http://www.thierry-health.com/?page_id=2" title="About Me">About Me</a>
<ul>
<li class="page_item page-item-12"><a href="http://www.thierry-health.com/?page_id=12" title="A Typical Consultation & Support Programme">A Typical Consultation & Support Programme</a></li>
<li class="page_item page-item-30"><a href="http://www.thierry-health.com/?page_id=30" title="Clinical Homeopathy">Clinical Homeopathy</a></li>
<li class="page_item page-item-33"><a href="http://www.thierry-health.com/?page_id=33" title="Nutrition and Lifestyle">Nutrition and Lifestyle</a></li>
<li class="page_item page-item-39"><a href="http://www.thierry-health.com/?page_id=39" title="Workshop and Talks">Workshop and Talks</a></li>
</ul>
</li>
<li class="page_item page-item-35"><a href="http://www.thierry-health.com/?page_id=35" title="Contact Information">Contact Information</a></li>
<li class="page_item page-item-47"><a href="http://www.thierry-health.com/?page_id=47" title="Patients’ Area">Patients’ Area</a>
<ul>
<li class="page_item page-item-51"><a href="http://www.thierry-health.com/?page_id=51" title="Books & Suggested Reading">Books & Suggested Reading</a></li>
</ul>
</li>
<li class="page_item page-item-53"><a href="http://www.thierry-health.com/?page_id=53" title="Useful Links & Information">Useful Links & Information</a></li>
<li class="page_item page-item-55"><a href="http://www.thierry-health.com/?page_id=55" title="Homeopathy & Health in the News">Homeopathy & Health in the News</a></li>
</ul>
</div>
</div>
</div>So in the css I have used:
.current_page_item {
color: white;
}but that only changes the little square before the name of the page to white.
so I used:
.current_page_item a {
color: white;
}but that doesn't do anything.
It's put at the end of the css file so this should cancel any other style applied before, shouldn't it?
In the css file, here is the line of code that changes the color of the menu link, I tried it:
#sidebar a,#sidebar a:visited {
color: #33414b;
font-size: 11px;
text-decoration: none;
}any idea how to change this?
also any idea how to make a drop down menu for the section "about me" and "patients' area" so that it can show and hide the two submenus?
Thanks a lot for any kind of help :-)
Alexandra
