URL link text colour
Quote from ray on October 15, 2018, 11:18 amI 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.
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.
Quote from Asgaros on October 17, 2018, 12:32 pmHello @ray
Please try it with the following CSS-code:
#af-wrapper .post-message p a { color: red !important; }
Hello @ray
Please try it with the following CSS-code:
#af-wrapper .post-message p a { color: red !important; }
Quote from ray on October 18, 2018, 4:16 amThanks 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 ;
}
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 ;
}
Quote from ray on October 19, 2018, 12:15 pmhmm
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
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
Quote from ray on October 20, 2018, 8:53 amAlso 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
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
Quote from Asgaros on October 24, 2018, 7:36 amHello @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 ; }
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 ; }
Quote from Asgaros on November 1, 2018, 9:08 amHello @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.
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.
Quote from ray on November 1, 2018, 9:14 amHi 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.
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.
Quote from Mato on November 12, 2018, 1:35 amQuote from Asgaros on October 24, 2018, 7:36 amHello @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 ; }
- /* 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 ;
- }
/* 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.
Quote from Asgaros on October 24, 2018, 7:36 amHello @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 ; }
- /* 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 ;
- }
/* 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.