Joomla Templates Club 406,261 posts

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#142460

Hi
I wonder if someone could please help regarding how to change the menu colours on my site. The top menu bar and side menus are blue as you can see from my link http://www.okloseweight.co.uk The colour I what to use is not within the template setup therefore I think I will need to edit the css but I do not know were to do this and whether this is the correct move. The template I am using is
JA Edenite.:confused:

Regards
R

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#309928

you need to change the grad images in your image folder…..I have altered mine slightly, made them a little darker….

http://www.peacockquizzes.com/

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#309929

make sure you save your original grad images somewhere….create a new image in photoshop the same size as your grad image, colour it how you like, call it the same name and replace it in your image file.

you will need to replace the mouse over grad also

hope this helps 😉

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#309932

Thanks for your reply I will kake a look at these images I have fireworks not photoshop I hope this is ok.

Regards

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#310007

Hi
I have changed my menu colours but still have one more gif to change, but the text links in the menu are still blue and I assume any other text links I create will be blue within my site but I am not sure were to make the css changes to alter the text link colour I would appreciate any help Many thanks

Regards
R

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#310011

find template css about line 56…..please ensure you keep a copy of the original colours before altering

/* Normal link */
a {
color: #2C79B3;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #2C79B3;
text-decoration: underline;
}

let us know if these are the text colours you are looking for.

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#310014

Thanks for the info I have updated the css code as you have indicated which has changed the text colour at the footer but not the menu text perhaps you could take a look many thanks.

Regards
R

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#310016

try line about 846 and look for

ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus
color:#2C79B3;

remember to backup first

hope this helps :p

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#310019

thanks I will give this a g

Regards
R

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#310020

Hi
This has done the trick and thank you very much for all your help I can now move on with the layout of my site.

Regards
R

[Author]

Posts