Forum breadcrumbs – You are here:Asgaros Support ForumSupportURL link text colour
Please or Register to create posts and topics.

URL link text colour

Page 1 of 2Next

I have just noticed that it seems that URL link text within posts (topics or replies) are assigned the colour as set by ‘Forum Color’ in the ‘Appearance’ settings. Am I correct?

For consistency across my site, I really need it to remain unchanged from that as set by my theme. Is this possible?  I can’t find any CSS trickery code to help me.

thanks
R.

Hello @ray

Please try it with the following CSS-code:

#af-wrapper .post-message p a {
    color: red !important;
}

 

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Thanks Thomas

I ended up using the following so I could also change the link color to blue and hover color to red to match my theme.

/* Change URL link colour to blue */
#af-wrapper .post-message p a {
color: #0000EE !important;
}

/*and hover colour to red */
#af-wrapper .post-message p a:hover {
text-decoration: none;
color: #EE0000 !important ;
}

 

hmm

this appears to be working only some of the time.

It works for links that are automatically created – like automatically converting a email address into a mail to:link.  (I don’t actually like that automation but that is another issue and I can live with it).

It is not working if I use the editor link button to assign a URl to some text in my posting. The link is created but its text colour is the ‘forum color’ and it is underlined on hover.  As above I need all my links to be blue text with red text on hover. Is there more CSS trickery code I can’t work out that will do this for me?

thanks

Also links to topics in the “last post” column of the forum ‘homepage’ are in blue/red but showing in forum color/underline – per the editor created links above

Same for links to topics by topic names in the list of topics page within a forum

Hello @ray

So you want to change the color of all links in the forum – not only the ones inside of posts, right?

In this case please use the following code:

/* Change URL link colour to blue */
#af-wrapper a {
color: #0000EE !important;
}

/*and hover colour to red */
#af-wrapper a:hover {
text-decoration: none !important;
color: #EE0000 !important ;
}

 

karmarpgs has reacted to this post.
karmarpgs
If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Thanks Thomas

All looking good now

Hello @ray

I am glad to hear that its looking fine now.

The upcoming v1.11 update will also contain new appearance-options which allows you to change the link-color and more.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Hi Thomas

that is great news

Looking forward to all these continuing enhancements.

And a big thank you for all your help whilst I have been setting up.

I am finally going live this week.  But as my installation is a logged in only (ie members only) forum I can’t publish it as a site in your showcase. But I have taken a screen grab of my ‘Members Dashboard’ and posted that in the showcase for all to see.

 

Asgaros has reacted to this post.
Asgaros
Quote from Asgaros on October 24, 2018, 7:36 am

Hello @ray

So you want to change the color of all links in the forum – not only the ones inside of posts, right?

In this case please use the following code:

/* Change URL link colour to blue */
#af-wrapper a {
color: #0000EE !important;
}

/*and hover colour to red */
#af-wrapper a:hover {
text-decoration: none !important;
color: #EE0000 !important ;
}
  1. /* Change URL link colour to blue */
  2. #af-wrapper a {
  3. color: #0000EE !important;
  4. }
  5. /*and hover colour to red */
  6. #af-wrapper a:hover {
  7. text-decoration: none !important;
  8. color: #EE0000 !important ;
  9. }
/* Change URL link colour to blue */
#af-wrapper a {
color: #0000EE !important;
}

/*and hover colour to red */
#af-wrapper a:hover {
text-decoration: none !important;
color: #EE0000 !important ;
}

 

Und wo muß man diesen Code einsetzten? In der CSS hat er nichts gebracht.

Page 1 of 2Next