Joomla Templates Club 406,261 posts

[dylanswart Friend dylanswartJoin date: October 2012Posts: 2Downloads:0Uploads:0]

#181232

HI All,

Right here goes – I am a complete new comer to the world of Joomla and coding other than HTML, but loving the learning curve.

I know this question has been answered, but the answer made absolutely no sense to me at all, what I am trying to do is change the colors of my main menu from the light blue/ green to royal blue/grey.

this also would mean changing the read-more button, and the link colors.

I can find the color codes I want, but would not have a clue where to change these.

Could one of you fine experts, point me to where in the CSS I can change the code by cutting and pasting.

I know it is more than likely simple but, I haven’t a clue, and have nobody to ask.

If this is not possible, how many hours would this take to hire someone, and what would this cost?

Thanks kindly in advance

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#469315

Without actually seeing the live site, it is always hard to help!

If you like the learning curve, download Google Chrome and use the inbuilt developer tools to help you find the css and edit it yourself. – right click, ‘inspect elements’. There are plenty of tutorials about it on the web.

Make sure that you have template css compression off so that you can see the real css files not any T3 assets etc

I don’t know exactly what you trying to edit and the css may come from a few different places. For example the colour of the whole navigation bar (which houses the menü) comes from an image – template.css @ line 757

#ja-mainnav {
background: url(../images/grad2.gif) repeat-x top #2C79B3
height: 32px;
}


Other colours e.g. the active colour state come from templates/ja_edenite/ja_menus/ja_moomenu/ja.moomenu.css (on the demo) @ line 115

#ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus {
color: white;
background: url(../../images/grad2-2.gif) repeat-x top #91AE4E
}


[Author]

Posts