Joomla Templates Club 406,261 posts

[itatbbatam Friend itatbbatamJoin date: May 2008Posts: 22Downloads:259Uploads:1 Thanks: 6 Thanked: 5 times in 1 posts]

#167213

hi there…

I have changed the top navigation bar color into blue

unfortunately, it doesn’t match with the color of the font-menu there now…
lack of contrast..

how do I edit the color of the menu-font?

I have search template.css, but couldn’t find it.

Please help.

🙂

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

#405077

Hi,
Could you give me a link to your page as you said?

[itatbbatam Friend itatbbatamJoin date: May 2008Posts: 22Downloads:259Uploads:1 Thanks: 6 Thanked: 5 times in 1 posts]

#405083

<em>@khoand 258311 wrote:</em><blockquote>Hi,
Could you give me a link to your page as you said?</blockquote>

this one:
http://www.atbbatam.com/demo_atb/

i’ve just run it as a demo…
as you can see…
the top-navigation seems very very lack of contrast…
the menu-font colors need to be readjust..

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

#405086

You go to Template manager,choose JA Cloris template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#405088

.ja-megamenu ul.level0 li.mega a.mega {
background: url("/demo_atb/templates/ja_cloris/images/mainnav-sep.gif") no-repeat scroll right center transparent;
color: #666666;
font-size: 20px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-transform: uppercase;
}
index....64a.css (line 8)
.ja-megamenu ul.level0 li.mega a.mega {
text-shadow: 1px 1px 1px #000000;
}

You can change color of menu by change above code as BOLDED 🙂
Please let’s me know if you can’t find out which css file needed.
Thank you
Viet Vu

[itatbbatam Friend itatbbatamJoin date: May 2008Posts: 22Downloads:259Uploads:1 Thanks: 6 Thanked: 5 times in 1 posts]

#405094

<em>@khoand 258320 wrote:</em><blockquote>You go to Template manager,choose JA Cloris template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.</blockquote>

thankyou…

done.
then what next?

<em>@jooservices 258322 wrote:</em><blockquote>
.ja-megamenu ul.level0 li.mega a.mega {
background: url("/demo_atb/templates/ja_cloris/images/mainnav-sep.gif") no-repeat scroll right center transparent;
color: #666666;
font-size: 20px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-transform: uppercase;
}
index....64a.css (line 8)
.ja-megamenu ul.level0 li.mega a.mega {
text-shadow: 1px 1px 1px #000000;
}

You can change color of menu by change above code as BOLDED 🙂
Please let’s me know if you can’t find out which css file needed.
Thank you
Viet Vu</blockquote>

wow…
i gave up, I’ve search over and over through the CSS, didn’t find any clue…

could you please tell me, which part of the CSS that I should edit? which file?

thank you.

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

#405096

<em>@itatbbatam 258328 wrote:</em><blockquote>thankyou…

done.
then what next?
</blockquote>
– You change this code from /templates/ja_cloris/css/menu/mega.css in the line #10

.ja-megamenu ul.level0 li.mega a.mega {
background: url(../../images/mainnav-sep.gif) no-repeat right center;
color: #666; < change this line
font-size: 20px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-transform: uppercase;
}
– You change this code from /templates/ja_cloris/css/template.css in the line #813

ul.ja-pagenav li a {
background: url(../images/mainnav-sep.gif) no-repeat left center;
color: #666; < change this line
font-family: 'BebasNeueRegular';
font-size: 19px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-transform: uppercase;


1 user says Thank You to khoand for this useful post

1. itatbbatam

[itatbbatam Friend itatbbatamJoin date: May 2008Posts: 22Downloads:259Uploads:1 Thanks: 6 Thanked: 5 times in 1 posts]

#405099

<em>@khoand 258330 wrote:</em><blockquote>- You change this code from /templates/ja_cloris/css/menu/mega.css in the line #10

.ja-megamenu ul.level0 li.mega a.mega {
background: url(../../images/mainnav-sep.gif) no-repeat right center;
color: #666; < change this line
font-size: 20px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-transform: uppercase;
}
– You change this code from /templates/ja_cloris/css/template.css in the line #813

ul.ja-pagenav li a {
background: url(../images/mainnav-sep.gif) no-repeat left center;
color: #666; < change this line
font-family: 'BebasNeueRegular';
font-size: 19px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-transform: uppercase;

</blockquote>

thanks in advanced, khoand.

but now i’ve got to deal with this text-shadow things that jooservices mentioned before…


index....64a.css (line 8)
.ja-megamenu ul.level0 li.mega a.mega {
text-shadow: 1px 1px 1px #000000;
}

could you tell me how to deal with the text shadow?

once again,
thankyou
🙂

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#405102

Hi
I’ve just checked in local with quickstart pack, and if you dont have any modify this should be

jatc_cloris/templates/ja_cloris/css/menu/mega.css
line 10

.ja-megamenu ul.level0 li.mega a.mega {
background: url("../../images/mainnav-sep.gif") no-repeat scroll right center transparent;
color: #666666;
font-family: 'BebasNeueRegular';
font-size: 20px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-shadow: 1px 1px 1px #000000;
text-transform: uppercase;
}

– Change color for color of text
– Change text-shadow for shadow of text.

I’ve attached a screenshot for you

---

Attachments:

1. 
2. 

1 user says Thank You to jooservices for this useful post

1. itatbbatam

[itatbbatam Friend itatbbatamJoin date: May 2008Posts: 22Downloads:259Uploads:1 Thanks: 6 Thanked: 5 times in 1 posts]

#405106

<em>@jooservices 258337 wrote:</em><blockquote>Hi
I’ve just checked in local with quickstart pack, and if you dont have any modify this should be

jatc_cloris/templates/ja_cloris/css/menu/mega.css
line 10

.ja-megamenu ul.level0 li.mega a.mega {
background: url("../../images/mainnav-sep.gif") no-repeat scroll right center transparent;
color: #666666;
font-family: 'BebasNeueRegular';
font-size: 20px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-shadow: 1px 1px 1px #000000;
text-transform: uppercase;
}

– Change color for color of text
– Change text-shadow for shadow of text.

I’ve attached a screenshot for you</blockquote>

done that 🙂

but now, i’m still having trouble with the others menu besides of mega menu…

I’ve put this line to template.css:


ul.ja-pagenav li a {
background: url(../images/mainnav-sep.gif) no-repeat left center;
color: #000000; ==> the new color for menu-font
font-family: 'BebasNeueRegular';
font-size: 19px;
font-weight: normal;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 14px;
text-shadow: 1px 1px 1px #ffffff; ==> the text shadow for the menu-font
text-transform: uppercase;
}

but still,
in others menu, the text-shadow is still with this property:


text-shadow: 1px 1px 1px #000000;

where the heck I should go to fix this one?
🙂

thankyou

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

#405108

<em>@itatbbatam 258333 wrote:</em><blockquote>thanks in advanced, khoand.

but now i’ve got to deal with this text-shadow things that jooservices mentioned before…


index....64a.css (line 8)
.ja-megamenu ul.level0 li.mega a.mega {
text-shadow: 1px 1px 1px #000000;
}

could you tell me how to deal with the text shadow?

once again,
thankyou
:)</blockquote>
– You change this code from /templates/ja_cloris/css/css3.css in the line #1(the others menu besides of mega menu)

ul.ja-pagenav li a {
text-shadow: 1px 1px 1px black;
}

1 user says Thank You to khoand for this useful post

1. itatbbatam

[itatbbatam Friend itatbbatamJoin date: May 2008Posts: 22Downloads:259Uploads:1 Thanks: 6 Thanked: 5 times in 1 posts]

#405111

<em>@khoand 258343 wrote:</em><blockquote>- You change this code from /templates/ja_cloris/css/css3.css in the line #1(the others menu besides of mega menu)

ul.ja-pagenav li a {
text-shadow: 1px 1px 1px black;
}
</blockquote>

whoa 😀

PROBLEM SOLVED now
🙂

thankyou very much, khoand
very appreciated.

i love this template,
it made me crazy.. LOL

thread closed

[Author]

Posts