Joomla Templates Club 406,261 posts

[gabec53 Friend gabec53Join date: April 2007Posts: 4Downloads:0Uploads:2 Thanks: 2 Thanked: 1 times in 1 posts]

#144718

Hello. I need help with making the menu text colors brighter for the menu items that are not active/hovered.

On the left side menus, the grey over white is too hard too read (4:56:14 Attachment)

and on the Main top Menu, the dark grey over black is also too hard too read. (4:56:20 attachment).

I have been looking everywhere in the CSS to see where I can edit this, but I have finally given up.
PLEASE HELP!

---

Attachments:

1. 
2. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#319113

Hi gabec53

I would like to answer your questions as follows:

1. For the first image:

=> Open templates/ja_lead/ja_menus/ja_moomenu/ja.moomenu.css file, at about line 80, find following code section:


#ja-cssmenu li a {
background: url(../../images/arrow4.gif) no-repeat right 16px #000000;
display: block;
text-decoration: none;
font-size: 92%;
color: #656565;
padding: 11px 35px 11px 15px;
font-weight: bold;
text-transform: uppercase;
}

Here you can change the red text to your idea.

2. For the second image,

=> Open templates/ja_lead/css/template.css file, at about line 1014, find following code section:


ul.menu li a {
background: url(../images/arrow.gif) no-repeat right 10px;
color: #858585;
display: block;
margin: 0;
outline: none;
padding: 6px 5px 6px 0;
text-decoration: none;
}


Here you can change the red text to your idea.

[qbali JATC qbaliJoin date: October 2006Posts: 177Downloads:13Uploads:23 Thanks: 13 Thanked: 2 times in 1 posts]

#324409

Hello,

thanks for the reply above, as the left module text color too dim, same like right module as well,

i have two question for RIGHT MODULE ;

1. how to change the text color in RIGHT MODULE ?

2.and how to change the Right Module font TITLE zise ? because the title zise of right module too big and take lots space..

thanks for your help, and i appreciated it

regards

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#324669

Hi qbali

For right columns, to change the font-size of title, please open templates/ja_lead/css/template.css file, at about line 1171, find following code to change:


#ja-col2 div.moduletable h3, #ja-col2 div.moduletable_default h3, #ja-col2 div.moduletable_menu h3, #ja-col2 div.moduletable_text h3 {
font-size:200%;
font-weight:normal;
margin:0 0 15px;
padding:15px 0 0;
}


+ For the color (line 784):


div.moduletable h3, div.moduletable_default h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_blank h3 {
color:#454545;
font-size:100%;
letter-spacing:1px;
margin:0;
padding:0;
text-transform:uppercase;
}


Hope it helps

[qbali JATC qbaliJoin date: October 2006Posts: 177Downloads:13Uploads:23 Thanks: 13 Thanked: 2 times in 1 posts]

#324728

Hi,

Thanks for any helps,

i have change all the fonts color and module title font size, and i did very well,

and i have made a little bit modification about the Right module Title text box, i gave it red color as in the left module title box, for more info check the pictures attached,

and here the code i change a bit, it is work for me now, but i have question, do this code is right css coded ? because i put unussually css codec in there like Minus mark ( -) in margin size ( margin: 0 -10px 15px; ), you can see below :

#ja-col2 div.moduletable h3,
#ja-col2 div.moduletable_default h3,
#ja-col2 div.moduletable_menu h3,
#ja-col2 div.moduletable_text h3 {
background-color: #BB2222; -------> ( i added title box bground color )
margin: 0 -10px 15px; -------> ( here the the minus mark i added for red title box
padding: 7px 0px 7px;
font-weight: bold;
font-size: 110%;
text-align: center; ------> ( i added text align )
color: #FFFFFF;

is that the right way of coding in css ?

thanks for any help

---

Attachments:

1. 

[Author]

Posts