Change hyperlink CSS for blog posts and pages

[Elliot Millward]

Helo, I may be being stupid here, I can change CSS for the actual structure of the site and sidebars etc. But I can't seem to find where I can set the hyperlink colour and hover etc for blog posts and all other created content - pages etc.

At the moment it just turns them a slighlty lighter grey which doesn't make it stand out enough.

Any help would be much appreciated!

Thanks,

Elliot

[Aleš Laňar · Accepted solution]

Hi Elliot,

you can define CSS for space, or global for site.

You can stylized it via Look & Feel settings.

When you need change color of links, you have to look for that which you want stylized (use developer tools in web bworser to looking for class or id of element).

When you using that, good is using !important in styles, because by that you said that this cannot be overwritten.

Something like that:

a{
   color: orange !important;
   font-weight: bold !important;
   text-decoration:none !important;
}

By this you have ALL links (a elements) bold, orange and withou underlines and other text decorations.

When you need define links when they are hovered, active, clicked, you have to use selectors like :hover, :active, :visited... for example:

a:hover {

color: red !important;

}

this make that you will have links after move cursor on them red :)

But be careful with that when you need use !important. http://css-tricks.com/when-using-important-is-the-right-choice/

For global CSS go to Administration Tools, Look&Feel section and there is Stylesheet.

For space CSS go to Space Tools and the same as above :)