asked on

CSS advice for menu text size

I want to make the headings in the menu on this wordpress site in a larger text: http://www.whitbyapartment.com/

for example the following links):

About Whitby
Guests comments
Activities in Whitby
Things to do nearby Whitby

need to be bigger than the rest of the links in the righ hand side menu.

Regards

James

Ray Paseur

This appears to be built from the Wordpress 2010 theme. You might try making the text bold in the navigation bar.

In the right sidebar, the HTML looks like this in the code snippet. Since there is already a class for "children" it might make sense to modify the CSS to make the font-size smaller. Maybe something along these lines...

.children { font-size:80%; }

<li class="page_item page-item-6"><a href="http://www.WhitbyApartment.com/?page_id=6">Activities in Whitby</a>
<ul class='children'>
	<li class="page_item page-item-292"><a href="http://www.WhitbyApartment.com/?page_id=292">Beaches at Whitby</a></li>
	<li class="page_item page-item-12"><a href="http://www.WhitbyApartment.com/?page_id=12">Drinking</a></li>
	<li class="page_item page-item-8"><a href="http://www.WhitbyApartment.com/?page_id=8">Eating out</a></li>
	<li class="page_item page-item-314"><a href="http://www.WhitbyApartment.com/?page_id=314">Fishing in Whitby</a></li>
	<li class="page_item page-item-186"><a href="http://www.WhitbyApartment.com/?page_id=186">Museums</a></li>
	<li class="page_item page-item-50"><a href="http://www.WhitbyApartment.com/?page_id=50">The Dracula Experiance</a></li>
	<li class="page_item page-item-10"><a href="http://www.WhitbyApartment.com/?page_id=10">Walking</a></li>
	<li class="page_item page-item-55"><a href="http://www.WhitbyApartment.com/?page_id=55">Whitby Abbey</a></li>
	<li class="page_item page-item-274"><a href="http://www.WhitbyApartment.com/?page_id=274">Whitby Steam Bus</a></li>
	<li class="page_item page-item-279"><a href="http://www.WhitbyApartment.com/?page_id=279">Whitby Walks</a></li>
</ul>
</li>

Open in new window

HTH, ~Ray

ASKER CERTIFIED SOLUTION

Beverley Portlock

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

clivingIOS

ASKER

bportlock your solution worked perfectly, thanks.

Ray, your suggestion didn't seem to make a difference at all. (could be my lack of CSS knowledge doing it wrong!)

Beverley Portlock

Good to hear your problem is sorted. Thanks