Joomla Templates Club 406,261 posts

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#202940

How can i change the font color from gray to black in all white areas.
Example in all the article.

thanks.

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

#556072

HI there,
Please provide your site URL and screenshot to note which element you want to change color.

Thank you,
Viet Vu

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

#556117

<em>@jrod31 454166 wrote:</em><blockquote>How can i change the font color from gray to black in all white areas.
Example in all the article.

thanks.</blockquote>

Try This . . . . .

If you haven’t already, create a new file called “custom.css” within file path –> /templates/ja_nuevo/css/

Within that custom.css file, paste the following CSS rule:


body {
font-color: #000;


SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better?

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

#556155

Hi there,
For more detail about font color please check with W3C

http://www.w3schools.com/css/css_text.asp
In basically you’ll need:
# Know which element you want to change
# Provide css code font-color for this element.
Use body element will apply for default color for all children element. But if they have customized color, it’ll not affected.
Thank you,
Viet Vu

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

#556198

jrod31 . . . . Were you able to resolve the issue to your satisfaction?

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#563654

@tomc

no, I’ve been trying to change the font color through template.css file but i haven’t been able to.
I only need to change the font color of the nav header to black (#000).
I don’t need to change the submenu font color.
just the main menu font color.

please see images

<em>@TomC 454344 wrote:</em><blockquote>jrod31 . . . . Were you able to resolve the issue to your satisfaction?</blockquote>

---

Attachments:

1. 

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

#563799

<em>@jrod31 464175 wrote:</em><blockquote>@TomC

no, I’ve been trying to change the font color through template.css file but i haven’t been able to.
I only need to change the font color of the nav header to black (#000).
I don’t need to change the submenu font color.
just the main menu font color.

please see images</blockquote>

It would be most helpful if you could provide the url of the site you’re working on – as well as temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#563818

@tomc
My site is d r e v n. Org

I posted an image.
<em>@TomC 464359 wrote:</em><blockquote>It would be most helpful if you could provide the url of the site you’re working on – as well as temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.</blockquote>

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

#563833

Hi there
Here you are

#t3-mainnav .navbar-default .navbar-nav > li > a {
color: #000
}
Please apply it to custom.css not template.css

http://www.t3-framework.org/documentation/customization.html

Thank you,
Viet Vu

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

#563968

Good thing joo was around to save the day, eh? :p

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#564138

@jooservices
It doesn’t work in the home page, it only works when you click on the other menu’s.
Once you’re in the other menu’s the main menu links stays black. It looses the hover over the button affect. The links won’t turn blue.
I thank you in advance for all your help.
look at site

d r e v n .org

<em>@jooservices 464406 wrote:</em><blockquote>Hi there
Here you are

#t3-mainnav .navbar-default .navbar-nav > li > a {
color: #000
}
Please apply it to custom.css not template.css

http://www.t3-framework.org/documentation/customization.html

Thank you,
Viet Vu</blockquote>

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

#564149

Hi there
Actually i’m confusing with your issue need. Please provide reproduce step and or screenshot for each thing you want to do.

Thank you,
Viet Vu

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#564435

Hi @jooservices

Here is pic of what i am trying to explain.
if someone goes to the home page, the home tab must be blue…. and so on for the other pages. All the menus are black which thats what i wanted, so that part is good. Now i need them to turn blue when i click on them.

Thanks.

---

Attachments:

1. 

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

#564463

<em>@jrod31 465224 wrote:</em><blockquote>
Here is pic of what i am trying to explain.
if someone goes to the home page, the home tab must be blue…. and so on for the other pages. All the menus are black which thats what i wanted, so that part is good. Now i need them to turn blue when i click on them.

Thanks.</blockquote>

Try adding the following to your custom.css file . . . .


#t3-mainnav .navbar-default .navbar-nav > li > a:hover {
color: #75bfe3;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#564468

@tomc

Thanks! we are getting somewhere… The color only changes when you hoover over the menu. but once you click on the menu it wont stay blue. it will go back to black.

But now “say that we are on the home page — the home page is still black”
If we go to the blog page — the blog menu still stays black.
how can we get the original effect that the main menu button stays blue when you click on the page.

thanks guys!!

[Author]

Posts