Loading ...

Enhancement: @mentions in Rich Text matches other widgets | Communifire Support

Home » Spaces » Communifire Support » forum » Suggestions and Feedback » Enhancement: @mentions in Rich Text matches other widgets
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Suggestions and Feedback

Enhancement: @mentions in Rich Text matches other widgets

Subscribe to RSS
  • cconnors

    The ability to create @mention lists is great, but they show as blue links, when all other links are black.  Can the code/CSS be updated to be consistent with other lists/links?

  • gskamau

    Hey Corey,

    Go to Control Panel > System > CSS Overrides and add the following code.

    .axero-widget-content a.ax-mentioned-content { color: black; }

    Then click Save CSS Overrides.

    Grace

  • cconnors

    Any particular place, or row, that it needs to go?

  • gskamau

    Hey Corey,

    You should just avoid adding it in the middle of other code. You can paste the code at the bottom.

    Grace

  • cconnors

    Will this also have the affect of making all @mentions black through the community?  It's helpful for @mentions to be blue when they're in-line comments, so I don't want to change that.

  • gskamau

    Hey Corey,

    Only @mentions in widgets will be affected. The selector .axero-widget-content will target only elements that are in widgets. You can read more about CSS selectors here.

    Grace

  • cconnors

    Now they're black, but seem to need to be bold as well.  How do I add that?

  • gskamau
    Answered

    Hey Corey,

    Use the following code instead.

    .axero-widget-content a.ax-mentioned-content { color: black; font-weight: 500; }

    Grace

  • cconnors

    Thanks.  Now I'm noticing the other widgets aren't black, they're dark charcoal - the new black links are darker than the rest.  I tried changing the color to #333333, but it reverted back to blue.  How can I get it to match the other links?

  • cconnors

    Nevermind - it's working with #333333.  Thanks.

Page 1 of 1 (10 items)