Joomla Templates Club 406,261 posts

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#169619

I’m still having problems changing the default font color and the background color. Can someone point me to the exact codes and on which lines? The link is: http://www.mmra-global.org/

thanks

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

#419022

Hi
For default font


body {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
line-height: 1.8;
}

template.css (line 20)
http://www.mmra-global.org/templates/ja_nickel/css/template.css

For background


body#bd {
background: url("../images/bg.gif") repeat-x scroll left top transparent;
color: #666666;
}
template.css (line 27)

Thank you
Viet Vu

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419155

Hi Viet Vu,

It seems like it has change the font color of the articles and not the menu text. How do I also change the font color of the menu text for both horizontal and vertical menu text?

In addition, where can i find the code to change the background of the horizontal menu. I would like it to be #663399 color. And also all the BG of the module headings should be the same BG color as the menu horizontal bar.

link: http://www.mmra-global.org

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

#419191

Hi
The code i gave you can also change font of menu . Actually on website often use 1-2 fonts only, just change font-size.
( please check my screenshot )

#1. For menu background:


#ja-mainnav .main {
background: none repeat scroll 0 0 #663399;
height: 40px;
padding: 0;
position: relative;
}
template.css (line 897)


Please change color of background code.

#2. For module heading


div.moduletable h3, div.moduletable_text h3, div.moduletable_menu h3 {
background: none repeat scroll 0 0 red;
border-bottom: 1px solid #DDDDDD;
color: #333333;
letter-spacing: 0.5px;
margin: 0 0 10px;
padding: 2px 0 5px;
}
template.css (line 665)


Change background code as you want

Thank you
Viet Vu

---

Attachments:

1. 

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419405

Hi, the changes that you suggest have made it worse.

The violet blue background disappeared.

For the horiztontal menu – I want the background of the menu to be #663399 (Violet blue) and the fonts in WHITE, whether there is a mouse hovering it or not. At this moment, the font is grey when not hovered. I would like it to be white.

For the Module headings. The background remains black. the code doesn’t seem to work.

Please advice.

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

#419417

Hi
For better understand please give me a screenshot how will menu look so i can give you correct code.
Thank you
Viet Vu

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419419

Please see attached illustration. Basically, I want to change the color scheme to violet color – #663399

---

Attachments:

1. 

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

#419420

#ja-mainnav .main {
background: none repeat scroll 0 0 #663399;
height: 40px;
padding: 0;
position: relative;
}
template.css (line 897)

#ja-cssmenu li a {
color: white;
font-size: 100%;
text-decoration: none;
text-transform: uppercase;
}
ja.cssmenu.css (line 87)

#ja-col2 div.moduletable h3, #ja-col2 div.moduletable_text h3, #ja-col2 div.moduletable_menu h3 {
background: none repeat scroll 0 0 #663399;
border-bottom: 1px solid #222222;
color: #FFFFFF;
margin: 0 -1px;
padding: 10px;
}
template.css (line 738)

Please try w/ above code.

Note: modules title are using Cufont that can’t change color via css.

Thank you
Viet Vu

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419423

Please advise the necessary steps to change the color of the menu title See attached.

---

Attachments:

1. 

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

#419468

Those text use Cufon, in order to change the color, I need to check your code so please PM me your FTP account. Or you can change to use Webfont or Google Font that would be easier to use.

Thanks
Viet Vu

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419881

Hi, i have already PM the FTP details to you but got no response. Could you pls advice the next step how i can change the fonts?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#419884

Just to add a suggestion here – with regard to manipulating fonts . . .

cufon is really a “dead” method these days. I would recomment utilizing [URL=http://www.joomlart.com/forums/topic/how-to-use-fontface-for-alternative-fonts/

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419886

The problem is, i am a “DEAD” beginner/newbie, so i need step by step help in changing the fonts. If there are any detail info, please send over. Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#419889

<em>@merlien 276593 wrote:</em><blockquote>The problem is, i am a “DEAD” beginner/newbie, so i need step by step help in changing the fonts. If there are any detail info, please send over. Thanks</blockquote>
Whether it is I or Viet who asists you further, we will both need for you to go into your Template Manager (within your site administration) and set “Optimize CSS” to “No” – while we continue to work with you.

You can switch it back when we’re all done.

😎

[merlien Friend merlienJoin date: September 2011Posts: 20Downloads:0Uploads:6 Thanks: 2]

#419891

I was at the template manager. There isn’t any buttons to switch CSS optimise to No. I am using J1.5 JA Nickel.

[Author]

Posts