Support Forum

Link Colour in Post

HA Hari
Hari
Member

Sorry for another short question, but I was searching and found nothing and I guess you folks know the answer in a second:

Currently links in a post have the same colour as normal text and only when you hoover over them with the mouse, get another colour.

I  want to change this to a permanent distinct colour of links.

Is this something the theme is responsible for, or is there some option in SP to change this, I cant find?

Thanks!

15 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

Depends what SP theme and overlay you are using. And – whether you have made a child theme or not which would then preserve changes form being updated by us and this lost.

Or – you could wait until after the 5.6 update (due to be released tomorrow) and use the new CSS custom admin panel which is being provided for just these sort of minor overrides.

HA Hari
Hari
Member

I use Theme reboot without any child themes or other customizations.

But the CSS custom panel sounds great, just tell me the “overwrite” I would need.

Thanks

YS Yellow Swordfish
Yellow Swordfish
Member

Just using:

#spMainContainer a, 
#spMainContainer a:link, 
#spMainContainer a:active, 
#spMainContainer a:visited {
    color: XXXXX !important;
}

will deal with just about everything there is. Do not like using the !important directive but in this case it might need the hammer approach.

Of course -you can split these up into separate rules if you prefer,

IK Ike
Ike
Member

It’s definitely going to be the easiest way of testing and using small amounts of custom CSS from now on! Although we’d still recommend using a child theme for more comprehensive changes.

Let us know how it goes..

HA Hari
Hari
Member

I tested Yellow Swordfishs suggestion with 5.6 and it works. Fine thing!

But ….. there is always a “but” 😉

The generell solution of Yellow Swordfish, unfortunately changes “every colour of any link” and that doesnt make sense in my case, as it makes text with coloured background (for example in the statistics and in the group overview of the forum) unreadable.

What I am looking for is a solution just for the text in the posts. Nothing else changed.

Is it possible to provide me with a short CSS that just changes the behaviour of the link colours display in the posts itself, but NOT for the general colour structure of the theme?

In fact I even dont need a change of colour, the theme colour is fine for the posts too. All I need is a CSS, that changes the “hoovering behaviour” in the text when moving a mouse over. I need to change this into showing the colour permanently, independent of a mouse-over!

Or in other words: Links in the posts should be identifyable as links immediately and not just when by accident moving the mouse over!

Unfortunately I am no CSS expert, so I would need your help to code this.

Thanks!

YS Yellow Swordfish
Yellow Swordfish
Member

Use

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:active,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:visited 
{ }
HA Hari
Hari
Member

Thanks, but no -> no change. Colour of a link still shows up only in “Mouse-over” Mode.

Theme: Reboot – blue, no childthemes or customizations.

YS Yellow Swordfish
Yellow Swordfish
Member

Works just fine my end. Did you clear your browser cache?  And what rules did you put in place?

HA Hari
Hari
Member

Hmm. Tried again with browser cache completly cleared. No change.

The CSS Admin panel IS working, because the first code part had effect.

Rules? Dont know what you refer to, so I guess no. Use Theme reboot 1.0.5 out of the box with Overlay Blue, SP 5.6 and ZERO changes or customizations via the theme editor.

YS Yellow Swordfish
Yellow Swordfish
Member

The actual CSS rules. I.e., the colour you are specifying.

HA Hari
Hari
Member

LOL! We both truely have a habit of missunderstanding each other. laugh

I had no colour specified in the brackets, because as I said, I dont want to change the colour of the links, I want to change the “hoovering” behaviour.

And as you in your first code explicitly wrote XXXXX into the brackets and in your second code No-X, I was assuming that is what you want.

From your question above, I was able to identify the missunderstanding. You still want a concrete colour in the brackets. idea

So I tried and YES IT WORKS laugh

The only thing I now need from you is the information of what the hex-code of the “Blue” Colour of Reboot Blue Overlay is, as I want to use exactly this.

Thanks again!

With such an amount of missunderstandings, we must be either be completly alike and dont recognize it or must be from different planets. Fascinating cool

I see this with sympathy and I am very thankfull for your support on a sunday!

YS Yellow Swordfish
Yellow Swordfish
Member

If you mean the dark blue like the header background then that is:

#38A1D6

Of course – if you want to add a hover rule then you just need to define a new block for only that.