Joomla Templates Club 406,261 posts

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#168793

Hi,

i would like to do these changes:

– change the background colour to white

– change the colour of the menu (now i have set in green colour, i would like to invert the colours, the menu all in green and the item selected in grey).

Thank you.
Marco

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414106

Hi,
You replace this code from /templates/ja_portfolio/css/template.css

body#bd {
background: url(../images/bd-bg.jpg) #F5F6F7;
color: #525253;
}
with

body#bd {
background: white;
color: #525253;
}

– You replace this code from /templates/ja_portfolio/css/menu/mega.css

.ja-megamenu ul.level0 li.active {
color: white;
background: url(../../images/mainnav-sep.gif) repeat-y right #5F9729;
}
with

.ja-megamenu ul.level0 li.active {
color: white;
background: gray;
}

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#414138

Hi,
many thanks.

The background works ok.

But the menu colour is grey even with the mouse over. I would like the menu green and grey with the mouse over.

How can i do it ?

Many thanks.
Marco

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414139

You change this code from /templates/ja_portfolio/css/menu/mega.css

.ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {
background: url(../../images/mainnav-sep.gif) repeat-y right #525253; < change this line
}

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#414299

Hi,

sorry but i don´t understand what i have to do.

I would like to change the main menu colours, now the menu is grey and when the mouse is over is green, i would like the menu green and when the mouse is over grey.

Thank you.
Marco

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414315

You replace this code from /templates/ja_portfolio/css/template.css

#ja-mainnav .main-inner1 {
background: url(../images/noise-bg.png) #313435;
padding: 0;
}
with

#ja-mainnav .main-inner1 {
background: green;
padding: 0;
}
– You replace this code from /templates/ja_portfolio/css/menu/mega.css

.ja-megamenu ul.level0 li.active {
color: white;
background: url(../../images/mainnav-sep.gif) repeat-y right #5F9729;
}
with

.ja-megamenu ul.level0 li.active {
color: white;
background: gray;
}

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#414425

Many thanks,

the problem is that the change is only in the home page and the slideshow is moved to the left.

Another problem is that the submenu is white.

How can i set that the item become grey when the mouse is over?

Many thanks again.
Marco

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414426

You replace this code from /templates/ja_portfolio/css/menu/mega.css

.ja-megamenu ul.level1 li.over, ul.level1 li.haschild-over {
background-color: #313435;
}
with

.ja-megamenu ul.level1 li.over, ul.level1 li.haschild-over {
background-color: gray;
}

[Author]

Posts