Recent searches
No recent searches
Links in Gather posts are not easy to see
Posted Aug 06, 2020
When I post a link in a Community post, users cannot (usually) see the links provided. I cannot change the font color or underline my link to make it more clear. My links are black font and look like the other text around them. Note: When my coworker adds links to a post in Gather, sometimes hers show up blue and sometimes they don't (see image below for an example). It's very inconsistent.
For the image below, both of these items are links and were added by the same person. We made them italic so that they would be obvious to our users. For the second one, the only way for the user to know it's a link is if they hover over it or if we say in our language "here are links to...". We've had users complain lately that they don't have links to resources, when actually they were indeed in the article they just couldn't see them and didn't know to hover over them.
When we go to add links, they should consistently appear blue and be obvious to users that they are links.
Context: We are Gather Legacy
2
10 comments
Ryan McGrew
Hey Susan Puckett,
This sounds like something that needs to be updated in your theme. In the Copenhagen Theme, links are set to be blue. If you can share a link to a post where this might be happening, I might be able to help you track down what's going on and point you toward how to update it.
Thanks!
0
Ryan McGrew
Additionally, you might find this CSS Cookbook information helpful.
0
Ad Astra Support
Thanks Ryan McGrew! I work with Susan and checked our css file. There are currently no question or answer elements, is this because we are on Gather legacy? Forgive my mediocre HTML skills. We currently have the link color set to our brand color of blue, as well as the article links in the css (.article-body a). What am I missing?
Thank you for your help and your patience, we really appreciate it!
1
Ryan McGrew
Hey Ad Astra Support,
Can you send me a link to a post where this is happening? That'll help me take a look into this.
Thanks!
0
Ad Astra Support
Here is the post. All of the bullet points are links (except under Product Feedback). We have asked several users to look at the same page, and the link color is not consistent. Here is a screenshot of my view - all of the links under the section "Ways to engage in the Community" further down the page are blue as expected,
0
Ad Astra Support
Here is a screenshot of a different user's view:
0
Ryan McGrew
EDIT - I should have read your response more carefully, I missed that you linked to the post! I'm going to go ahead and raise a ticket so we can take the conversation over there. I'll post the resolution back here once we've troubleshot your issue.
Thanks!
1
Kasper Sørensen
As far as I can tell, this is because of your CSS style for this expression:
.post-body a:visited
When I look in my browser's developer tools, I can see that the color of visited post-body links is a of different color than regular links:
0
Ad Astra Support
Thank you Ryan McGrew for helping with the ticket! By following your instructions, we have the links now in blue regardless if they have been visited.
This color is set on line 2474 of your styles.css in your theme and looks like this. It only applies to links in your community.
.post-body a:visited {color: #072336;
}
If you want them to always appear as the normal blue and not have this "visited" behavior, just delete the whole rule (lines 2474 to 2476) and publish those changes.
1
Susan Puckett
Ryan McGrew and @... - Thanks for helping us!
0