Joomla Templates Club 406,261 posts

[Gerard Brannigan Friend Gerard BranniganJoin date: September 2014Posts: 28Downloads:0Uploads:12 Thanks: 11]

#173804

Hi-
None of the template colour schemes are what I want.Can anyone point to a previous post on how to change all the colours if one exists, ot give me some indication of the css files that need altered especially for the menu
thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#437915

Hi

In your templatesja_graphitecorethemes

You have 1 folder for every theme, inside that folder you have another two folders CSS and IMAGES inside the CSS folder you have the css for your menu too

You can copy a theme folder, rename it as you prefer and make your customizations at the css and images in that folder in the template.css file

[Gerard Brannigan Friend Gerard BranniganJoin date: September 2014Posts: 28Downloads:0Uploads:12 Thanks: 11]

#437925

Thanks for that but I still dont see where the black header can be changed…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#437926

Please post a link to your site so i can check of what we are speaking

Thanks

[Gerard Brannigan Friend Gerard BranniganJoin date: September 2014Posts: 28Downloads:0Uploads:12 Thanks: 11]

#437927

hi Pavit-
heres an image.Maybe this makes it clearer.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#437928

That background is obtained using a background image

In your /templates/ja_graphite/css/template.css around line 760 you have

#ja-header {
background: url("../images/mainnav-bg.png") repeat-x scroll left bottom #881327;
margin: 0;
}

mainnav-bg.png is the image used for the background you can change it with you image or remove and manage the background only with a color

#ja-header {
background: none repeat scroll 0 0 #056456;
margin: 0;
}

In the RED code you can change in your preferred color

[Gerard Brannigan Friend Gerard BranniganJoin date: September 2014Posts: 28Downloads:0Uploads:12 Thanks: 11]

#437929

Thanks Pavit-
thats clear, and where is the background colour for the menu items controlled ?
thanks

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#437932

Look at this file /templates/ja_graphite/css/menu/mega.css around line 45

.ja-megamenu ul.level0 li.haschild-over, .ja-megamenu ul.level0 li.active {
background: url("../../images/trans-d.png") repeat scroll 0 0 transparent;
}

Same thing as before
_________________________________________________________________________
Same file mega.css around line 103 Submenu content inner

.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 #067678;
border-color: -moz-use-text-color #222222 #222222;
border-right: 1px solid #222222;
border-style: none solid solid;
border-width: 0 1px 1px;
}

1 user says Thank You to pavit for this useful post

1. Gerard Brannigan

[Gerard Brannigan Friend Gerard BranniganJoin date: September 2014Posts: 28Downloads:0Uploads:12 Thanks: 11]

#437940

No the intended colours but now I know where to apply the changes.
many thanks for your help 🙂

---

Attachments:

1. 

[Author]

Posts