Joomla Templates Club 406,261 posts

[esterea Friend estereaJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 5]

#201110

hi
i want to ask how can i change the color behind the menu line , i think this is called the mainnav. i want to change this color only, not alla tha background of the page
or
to change the background only on the head of the page
thanks a lot

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

#548494

Hi

Could you post a screenshot showing changes you want applied ?

[esterea Friend estereaJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 5]

#548498

I am sending you the 2 areas i want to change the colour of the background

---

Attachments:

1. 
2. 

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

#548501

Hi

Which version of JaT3 Framework is your website running ?
T3 or T3V2 ?

[esterea Friend estereaJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 5]

#548502

it’s ja t3 framework

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

#548504

<em>@esterea 444502 wrote:</em><blockquote>it’s ja t3 framework</blockquote>

Then in this folder templatesja_teline_iv_t3css

create a new css file and name it custom.css, in this file add these 2 css rules

.ja-megamenu {
Background:#yourcolor in hex code!important;
}
#ja-header .main {
Background:#yourcolor in hex code!important;
}

[esterea Friend estereaJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 5]

#548597

i made a txt file named custum.css as you told me and i put the file into /public_html/templates/ja_teline_iv/css folder. is that right?
in the file i had the following
.ja-megamenu {
Background:#A9A9A9 in hex code!important;
}
#ja-header .main {
Background:#A9A9A9 in hex code!important;
}

are all these right? because the colour didnt change in the site

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

#548598

Hi

Seems that your website is running on the Ja_T3v2 Framework

If yuo can send me via Private Message a temp super user account for your backend i can try to take a look at it and find a solution for you

1 user says Thank You to pavit for this useful post

1. esterea

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

#548600

Hi

Your website is running on Joomla 2.5 with JaT3v2 Framework so my suggestion above was wrong because it was for the T3 framework version , you should manage other files.

1) in this file /templates/ja_teline_iv/css/menu/mega.css line 17 edit css style in this way

.ja-megamenu {
background: none repeat scroll 0 0 #eee <---Add this changing the #eee with your preferred color.
border-bottom: 5px solid #000
padding: 0;
}

Here the result
This is for the mainmenu background color , regarding your second change i saw you enlarged your logo that now is covering the whole header part so cannot be added a background color to it

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. esterea

[esterea Friend estereaJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 5]

#548601

thanks a lot i will try it by my self to see other colours
thanks again

[esterea Friend estereaJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 5]

#548607

i did this in the file mega.css but i did not see any change, what do i do wrong??

/**
* ———————————————————————— * JA Teline IV Template for Joomla 2.5 * ———————————————————————— * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved. * @license – Copyrighted Commercial Software * Author: J.O.O.M Solutions Co., Ltd * Websites: http://www.joomlart.com – http://www.joomlancers.com * This file may not be redistributed in whole or significant part. * ————————————————————————
*/

#ja-megamenu ul.level0 {
font-family: ArialNarrowBold, “Arial Narrow”, Arial, sans-serif
}

.ja-megamenu {
background: none repeat scroll 0 0 #B0C4DE
border-bottom: 5px solid #000
padding: 0;
}

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

ul.megamenu { margin: 12px 8px; /* menu’s gutter */ }

/* lv – 0
———————————–*/
/* Styling —*/
.ja-megamenu ul.level0 li.mega {
padding: 0;
border-left: 1px solid #ccc
}

.ja-megamenu ul.level0 li.first {
background: none;
}

.ja-megamenu ul.level0 li.mega a.mega {
display: block;
margin: 3px;
padding: 4px 8px 3px;
text-decoration: none;
color: #000
text-transform: uppercase;
font-size: 125%;
font-weight: bold;
}

.ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {}

.ja-megamenu ul.level0 li.over a.mega, ul.level0 li.haschild-over a.mega {
background: #000
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
background-image: none;
padding-left: 0;
}

.ja-megamenu ul.level0 li.active {}

.ja-megamenu ul.level0 li.active a.mega { background: #000 }

/* lv – 1 and below
———————————–*/
/* Styling —*/
#ja-megamenu ul.level1 { font-family: Arial, sans-serif; }

.ja-megamenu ul.level1 li.mega {
padding: 0;
background: none;
border-left: 0;
}

.ja-megamenu ul.level1 li.first {}

.ja-megamenu ul.level1 li.mega a.mega {
border: 0;
border-bottom: 1px dotted #ccc
background: none;
padding: 7px 12px 6px 5px;
margin: 0;
color: #069
text-transform: none;
font-weight: bold;
font-size: 100%;
}

.ja-megamenu ul.level1 li.mega.haschild a.mega span.menu-title {
padding-right: 12px;
background: url(../../images/arrow-l.png) no-repeat 99% center;
}

.ja-megamenu ul.level1 li.mega a.over, .ja-megamenu ul.level1 li.mega a.active, .ja-megamenu ul.level1 li.mega a.over:hover, .ja-megamenu ul.level1 li.mega a.mega:hover { color:#000 !important }

.ja-megamenu ul.level1 li.mega.haschild-over a.haschild.over span.menu-title { background-image: url(../../images/arrow.png); background-position:99% 50%; background-repeat:no-repeat }

.ja-megamenu ul.level1 li.mega a.mega span.has-image {
background-position: 3px top;
}

.ja-megamenu ul.level1 li.mega a.mega span.has-image span.menu-title {
background: none;
padding-left: 0;
}

/*

.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title,
.ja-megamenu ul.level1 li.active.haschild-over a.mega span.menu-title {
background-image: url(../../images/arrow.png);
}
*/

/* CHILD CONTENT
———————————–*/
.ja-megamenu .childcontent-inner {
background: url(../../images/arrow-down.gif) no-repeat 26px top #fff
border: 1px solid #000
color: #333
margin-left: -2px;
padding-top: 4px;
}

.ja-megamenu ul.level0 li.home.active .childcontent-inner {
background-image: none !important;
border-color: #000 !important;
}

.ja-megamenu .level1 .childcontent-inner {}

.ja-megamenu .level0 .childcontent-inner .megacol {
background: url(../../images/dot-1.gif) repeat-y left;
}

.ja-megamenu .level0 .childcontent-inner div.first {
background: none;
}

.ja-megamenu .childcontent .ja-moduletable {
border: 0;
margin: 8px 2px;
}

.ja-megamenu .childcontent .ja-moduletable h3 {
background: none;
border-bottom: 0;
border-top: 0;
text-transform: uppercase;
font: bold 125% “Arial Narrow”, Helvetica, Arial, sans-serif;
padding: 0 0 5px 5px;
text-indent: 0;
}

.ja-megamenu .childcontent .ja-moduletable h3 span { background: none; border: 0; padding: 0; }

.ja-megamenu .childcontent .ja-moduletable li { margin: 0; padding-left: 0; }

.ja-megamenu .childcontent .ja-moduletable li a,
.ja-megamenu .childcontent .ja-moduletable a { background: none; }

.ja-megamenu .childcontent .ja-moduletable li a:hover,
.ja-megamenu .childcontent .ja-moduletable a:hover { color: #333 }

/* Grouped — */
.ja-megamenu div.group { margin-bottom: 12px; }

.ja-megamenu div.group ul.megamenu { margin: 8px 0; }

.ja-megamenu div.group ul.megamenu ul.megamenu { margin: 0; }

/* Parent Group */
.ja-megamenu .group-title {
border-bottom: 5px solid #ddd
padding: 5px;
}

.ja-megamenu .group-title a.mega span.menu-title {
color: #000
text-transform: uppercase;
font: bold 125%/normal “Arial Narrow”, Arial, serif;
background: none !important;
padding-left: 0 !important;
}

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

.ja-megamenu .group-title a.mega {
padding: 0 !important;
margin: 0 !important;
background: none !important;
height: auto !important;
border: 0 !important;
}

/* Child Group */
.ja-megamenu ul.level1 .group li.group div.group {}

.ja-megamenu ul.level1 .group li.first div.group {}

.ja-megamenu .group-content .group-title {
background: none #000
padding: 5px 12px;
border-bottom: 0;
margin-bottom: 8px;
}

.ja-megamenu .group-content .group-title a.mega > span.menu-title {
color: #fff
text-transform: uppercase;
font: bold 100% “Arial Narrow”, Arial, sans-serif;
background: none !important;
padding-left: 0 !important;
}

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

#548610

reading the code you posted here seems you are missing semicolons at the end of style declarations

background:#ffffff;

1 user says Thank You to pavit for this useful post

1. esterea

[Author]

Posts