Public Forums 71,145 posts

[rachidelbaji Friend rachidelbajiJoin date: January 2010Posts: 33Downloads:0Uploads:3 Thanks: 4]

#164081

how i can change background color (Black) for main menu in template ja_portfolio (jomla1.5)?
i want to change background color form black to orange.

thank you

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#391547

Hello,

To change background color from black to orange Find this code to template.css

div.moduletable h3 {
background: url(“/ja_portfolio/templates/ja_portfolio/images/noise-bg.png”) repeat scroll 0 0 #313435;
color: #F0F0F3;
font-size: 125%;
padding: 10px 15px;
text-transform: uppercase;
}

Change this code to:-

div.moduletable h3 {
background: url(“/ja_portfolio/templates/ja_portfolio/images/noise-bg.png”) repeat scroll 0 0 #FFA500;
color: #F0F0F3;
font-size: 125%;
padding: 10px 15px;
text-transform: uppercase;
}

[rachidelbaji Friend rachidelbajiJoin date: January 2010Posts: 33Downloads:0Uploads:3 Thanks: 4]

#391654

thank you for you reponse.
But i want change color for top menu (attach foto) , i tried to change some color but i can t find black color to change it (see attach foto)

plz help me to change black color

thank you

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#391663

There are probably a few places where you will want to adjust the colouring.

All the adjustments are easilly done by adjusting templates>ja_portfolio>css>menu>mega.css (see below) and you may need to adjust an image or two depending on what you need.


.ja-megamenu a.over, .ja-megamenu a.active {
color: #FFFFFF !important;

}

ul.megamenu ul.megamenu ul.megamenu {
margin: 10px 5px;

}

.ja-megamenu ul.level0 li.mega {
background: url("../../images/mainnav-sep.gif") repeat-y scroll right center transparent;

}

.ja-megamenu ul.level0 li.mega a.mega {
color: #CACCCD;
padding: 15px 20px 10px;

}

.ja-megamenu ul.level0 li.active {
background: url("../../images/mainnav-sep.gif") repeat-y scroll right center #5F9729;
color: #FFFFFF;

}

.ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {
background: url("../../images/mainnav-sep.gif") repeat-y scroll right center #525253;

}

.ja-megamenu ul.level1 li.mega {
background: url("../../images/divider-2.gif") repeat-x scroll center top transparent;

}

.ja-megamenu ul.level1 li.mega.haschild {
background: url("../../images/divider-4.gif") no-repeat scroll right top transparent;

}

.ja-megamenu ul.level1 li.first {
background-image: none;

}

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

}

.ja-megamenu ul.level1 li.mega a.mega {
border: 0 none;
color: #CACCCD;
padding: 8px 10px;

}

.ja-megamenu ul.level1 li a.mega span.menu-desc {
padding-left: 0 !important;

}

.ja-megamenu .childcontent-inner {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #525253;
border-color: -moz-use-text-color #525253 #525253;
border-right: 1px solid #525253;
border-style: none solid solid;
border-width: 0 1px 1px;
color: #CACCCD;

}

.ja-megamenu .level1 .childcontent-inner {
border-top: 1px solid #525253;

}

.ja-megamenu .childcontent .ja-moduletable {
background: none repeat scroll 0 0 transparent;
border: 0 none;
margin: 10px 5px;

}

.ja-megamenu .childcontent .ja-moduletable .ja-box-ct {
padding: 0;

}

.ja-megamenu .childcontent .ja-moduletable h3 {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted #CCCCCC;
text-transform: uppercase;

}

.ja-megamenu .group-title {
background: none repeat scroll 0 0 #313435;

}

.ja-megamenu .group-title .menu-title {
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;

}

.ja-megamenu .group-title .menu-desc {
padding-left: 0 !important;

}

[rachidelbaji Friend rachidelbajiJoin date: January 2010Posts: 33Downloads:0Uploads:3 Thanks: 4]

#391838

I adjust imgae like you write me, but not working

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#391850

What is not working? Please provide full details of what you are trying and what you are experiencing now.

[Author]

Posts