Links

Links

by John Stimpson -
Number of replies: 9
I would like to change the colour of the kinks, shown in the attached image, can anybody point me in the right direction please?
Attachment moodlelinks.jpg
Average of ratings: -
In reply to John Stimpson

Re: Links

by James Ballard -
If I recall we changed to the following in the fw_colors.css, which gives us blue links.

a:link {
    color: #000099;
}

a:visited {
    color: #000099;
}

a:hover {
    color: #000099;
}

but this would change link colours on every page as well, which was our intention. Putting .navbar in front would restrict this I think, so you get:

.navbar a:link { ....

etc.

not sure if you will get away with just using

.navbar a { ...

across all browsers.
In reply to John Stimpson

Re: Links

by Steve Hyndman -

Go to Ballisticlearning http://www.ballisticlearning.biz/moodlethemes/ and look at their css charts...links on left side of page.

Steve

In reply to Steve Hyndman

Re: Links

by John Stimpson -
Having had a look at the ballisticlearning css charts and used the suggestions above, nothing seems to be changing, Im puzzled.
In reply to John Stimpson

Re: Links

by James Ballard -
Hi

I've been playing around with these again for some new themes we are developing and the above should work. Have you reset your cache to refresh the page with the new styles. If anyone else has had access to the CSS then it may be overwritten in another file - had that on a few background colours. If not, if you want to post a link or copies of your CSS I can check through and see if there is something being missed.

Yours
James
In reply to James Ballard

Re: Links

by John Stimpson -

In stlyes_color.css Ive got

a:link,
a:visited {
  font-color:#1da7c9;
}

a.dimmed:link,
a.dimmed:visited {
  font-color:#1da7c9;
}

a:hover {
  font-color:#1da7c9;
}

div.header div.title {
 color:#1da7c9;
}

.navbar a:link{
 color:#1da7c9;
}

.navbar {
  border-color:#DDDDDD;
  color:#1da7c9;
}

All of the above are under the 'core' heading, the below are in 'blocks'

.sideblock .header {
  border-color: #dddddd;
  color:#1da7c9;
}

And none seem to change it.

In reply to John Stimpson

Re: Links

by Joseph Rézeau -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
Hi John,
You never said which theme you are using and want to customize.
Joseph
In reply to Joseph Rézeau

Re: Links

by John Stimpson -
Its based on standard green
Attachment screenshot.jpg
In reply to John Stimpson

Re: Links

by James Ballard -
If you're using Standard Green have you changed the config.php within the theme to use your stylesheets:

$THEME->sheets = array('gradients');

should read:

$THEME->sheets = array('fw_layout','fw_color','fw_fonts');

if you are using the formal white layout.

$THEME->sheets = array('styles_layout','styles_color','styles_fonts');

if you have renamed your css to styles_color.css.

Otherwise, is this the blue you want:
Screenshot

I got his by duplicating the formal white theme and changing only the following in fw_color.css:

a:link {
    color: #1da7c9;
}

a:visited {
    color:#1da7c9;
}

a:hover {
    color: #1da7c9;
}

a.dimmed:link,
a.dimmed:visited {
  color:#1da7c9;
 }

How much have you changed from the original. If you can make a backup, get the font right, and then add in other changes and see where it went wrong it may solve this. I also notice you use

font-color:#1da7c9;

Was this a typo or should it be

color:#1da7c9;

I am not aware of the font-color tag

Yours
James