Change Text Color in the override.css file

Hi,
I want to Change Text Color of the modul.I have made some changes in the override.css file.And I have the override.css Setings to ON in the Template manager.But don`t work for me.My site healthworld.info

Hi, I want to Change Text Color of the modul.I have made some changes in the override.css file.And I have the override.css Setings to ON in the Template manager.But don`t work for me.My site healthworld.info

Hello friend,
if you change color of module so dont forget to change the color of text too.... i see your readmore button just with a outline.... if it is what you mean??

I want to change the cofor of the Text.Now is gray I want it blue like tthe title (Motto of The Day).I have added this code to the override.CSS
/*
#gkHighlighter .gkHighlighterWrapper .gkHighlighterItem a {
color: #0431B4;
}
*/
But nothing happens.Make I mistake somewhere?

But nothing happens.Make I mistake somewhere?

Hello,
i see in your site the highlighter works.... If you need the css code.... here you have it. Now you can work with it.... greets from germany

Code: Select all

.gkHighlighterGK4
{
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  font-size: 11px;
  background-color: #e8e8e8;
  background-image: url("../images/breadcrump.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #dddddd;
  border-right-color-value: #dddddd;
  border-bottom-color: #dddddd;
  border-left-color-value: #dddddd;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  height: 32px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

Sorry nothing happens.I try more than 2 days but don`t works.Can someone help me with this.I will send you my hosting details.Last look von my overide.css file:
/*
#------------------------------------------------------------------------
# Sporter - October 2010 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* .gkHighlighterItem a span {color: #0404B4}
.gkHighlighterItem a {color: #0404B4!important}

*/

Sorry nothing happens.I try more than 2 days but don`t works.Can someone help me with this.I will send you my hosting details.Last look von my overide.css file:
/* .gkHighlighterItem a span {color: #0404B4}
.gkHighlighterItem a {color: #0404B4!important}
*/

Why you not take my code and set it into the overide.css than work with it.... it will not more change than that what you want to change.... i see it works to change from here.... delette your code and take mine than work ok....
Cheers

Use that:

Code: Select all

.gkHighlighterGK4
{
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  font-size: 11px;
  background-color: #e8e8e8;
  background-image: url('/"../images/breadcrump.png"');
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #dddddd;
  border-right-color-value: #dddddd;
  border-bottom-color: #dddddd;
  border-left-color-value: #dddddd;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  height: 32px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;