Public Forums 71,145 posts

[abbiee Friend abbieeJoin date: April 2010Posts: 2Downloads:0Uploads:0 Thanks: 2]

#150697

Hi guys and gals,

Sorry to pester you with what is probably a simple query but after trawling the CSS of my site, and changing just about everything else (by mistake) I cannot work out how to change the colour of the drop down area in my CSS menu! Argh!

My site is here: http://www.rescue-dogs.co.uk/

As you will see I have changed the top level colours, but the drop down (and subsequent hover) eldues me.

Can anyone advise where I look? Running latest versions of template and Joomla.

Many thanks,

Abbie

[toymaker Friend toymakerJoin date: April 2010Posts: 123Downloads:0Uploads:5 Thanks: 10 Thanked: 45 times in 32 posts]

#341932

Go to your css.css file line 121, there you will find the background color, like this…


#ja-cssmenu li ul {
background:none repeat scroll 0 0 #333333;
border-color:-moz-use-text-color #357210 #357210;
border-right:2px solid #357210;
border-style:none solid solid;
border-width:0 2px 2px;
}


change the #333333 hex value to the color of your preference.

A couple of lines after that, you’ll find the following block of code that controls the background color when you HOVER over the menu items.


#ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover {
background:none repeat scroll 0 0 #444444;
color:#FFFFFF;
}


oh.. and BTW… beautiful site, good work. 🙂

Peace,
Gabriel

1 user says Thank You to toymaker for this useful post

1. abbiee

[abbiee Friend abbieeJoin date: April 2010Posts: 2Downloads:0Uploads:0 Thanks: 2]

#342181

Hi Gabriel,

Thanks for your compliments and taking the time to reply.

I was puzzled because I did try chaning the css.css files. So after reading your post I downloaded css.css again and none of my changes were there. So I canged it again and uploaded it. Refreshed my site and the colour changes did not show. So I downloaded css.css again and it had gone back to the original settings!!

So I now realise that all along my problems have been the directory permissions on the server. I have now changed the CHMOD to 777 for the CSS folder and voila, all is working!!

Thank you for helping me ~ I thought I was going mad lol.

Abbie 😀

[Author]

Posts