Tags:
create new tag
, view all tags

Question

I'm running Nat Skin on TWiki 4.0.4 and want to change some of the colours for links in the Clean Style. I'm not really familiar with CSS so I may be doing something very silly.

I have edited the following in CleanStyle.css:-

.twikiEmulatedLink, a:active, a:link, a { color:green; text-decoration:none; } a:hover { color:red; text-decoration:underline; }

These have only changed the colours for the links in the sidebar and in the heading. The links in the body of my TWiki pages have not changed colour. (both TWiki links and external links)

How do I get the links in the body to change colour and style? The body is displayed using the correct Nat Skin style so why isn't the corresponding CSS style sheet having any effect?

Environment

TWiki version: TWikiRelease04x00x04
TWiki plugins: DefaultPlugin, EmptyPlugin, InterwikiPlugin, NatSkin
Server OS: Slackware Linux 10.2
Web server: Apache 2.05
Perl version: 5.8.4
Client OS: Solaris 2.8
Web Browser: Firefox 1.5
Categories: Plugins, Skin

-- ChrisGreen - 16 Aug 2006

Answer

ALERT! If you answer a question - or have a question you asked answered by someone - please remember to edit the page and set the status to answered. The status is in a drop-down list below the edit box.

Try

.natMain a {color:green;}
.natMain a:hover {color:red}

I'd advice you not to alter the shipped css files but instead to create a new file MyStyleVariation.css and attach it to the TWiki.NatSkin topic. Then select clean+mystyle by adding

   * Set SKINSTYLE = Clean
   * Set STYLEVARIATION = MyStyle
to your preferences.

-- MichaelDaum - 16 Aug 2006

Yes, OK regarding adding MyStyleVariation.css, to prevent overwriting by updates.

The ".natMain a:hover {color:red}" works, I get red links when I hover over them. However ".natMain a {color:green;}" isn't doing anything, the 'non hover' colour of the links stays determinedly grey/blue. The problem is that the colour of the links is only just a very little different from the rest of the text and you can't see them. I just want to tune the colour slightly to make the links more visible.

(I only went to 'green' and 'red' to make my changes obvious)

Thanks for the (yet again) quick reply.

-- ChrisGreen - 16 Aug 2006

It's OK, I found what it should be:- .natMain a:link {color:green;}

Thanks again.

-- ChrisGreen - 16 Aug 2006

 
Change status to:
Topic revision: r3 - 2006-08-16 - ChrisGreen
 
Twitter Delicious Facebook Digg Google Bookmarks E-mail LinkedIn Reddit StumbleUpon    
  • Download TWiki
TWiki logo Powered by Perl Hosted by OICcam.com Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2012 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.