Support Forum

Background/Hover colors using mentions

WE Weltall
Weltall
Member

Hi there

When I use mentions, for exame @guyxxx the menu is not easly visible. Its background is black and names are are grey, very hard to see. Any way i can edit colors?

Immagine-2.jpg

12 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

This will be a conflict between your WP theme and the Mentions CSS rules.
So yes – it can be fixed I am sure.
What SP theme are you using and can we have a link to the forum, page and name we can try it with so we can inspect the result?

WE Weltall
Weltall
Member

Hello, sorry for late answer.

forum is on: http://clandecima.it/forum

my theme is reboot

feel free to test anywhere you want. I will send via PM login infos

IK Ike
Ike
Member

It’s a tough one. I can’t see anything that’s influencing the background colour, what I do notice though is a jquery conflict. I guess this could be playing a part, but I will take another look to see if it’s a CSS issue.

WE Weltall
Weltall
Member

The jquery conflict appears only on simple press pages, and i never had it before I installed it.

Is there any way to just make the names in the mentions box appear white? so they are visible with the dark background

AN Ann
Ann
Member

 I am having the same problem with the ranks info plugin, using reboot theme the column header text colours are wrong on some overlays. Hope this helps.

Using Reboot Theme

Here’s what I found after tests

Red –        Line 673  – $thColor    = $basecolor6 – – $basecolor9 is a better choice

Midnight – Line 674  – $thColor    = $basecolor6 – – $basecolor9 is a better choice

Green –    Line 674   – $thColor    = $basecolor6 – – $basecolor9 is a better choice

Chrome  -Line 674   – $thColor    = $basecolor6 – – $basecolor9 or $basecolor4 are a better choice

Blue –      Line 674    – $thColor    = $basecolor6 – – $basecolor9 is a better choice

Light blue – No Change Needed

Light green- No Change Needed

Light matte – No Change Needed

Light red – No Change Needed

Light peach – No Change Needed

Orange  – No change needed

Minimal – No change needed

IK Ike
Ike
Member

@weltall it’s most likely not Simple:Press causing the error as SP conforms to the WP API, some plugins unfortunately don’t which could technically cause problems with any plugin that does. So in short my guess is that SP is conflicting with something that’s not playing by the rules. See this codex article for more info..

And looking a bit deeper it looks like ‘Bootstrap’. This can be a pretty nasty one, if you just do a quick search for ‘Bootstrap’ here you will see a long history of problems.

Ann, are you sure it’s the same problem? I will take a look at the overlays you’ve pointed out there but from what you’ve said it looks like more of a CSS problem with Reboot. Could you start a new topic and post a couple of screenshots?

AN Ann
Ann
Member

It’s basically the same problem just a different plugin –

In the overlays mentioned above, the text for (th) with basecolor6 is too close to the background colour/color, therefore the text is barely visible.

Topic started here

WE Weltall
Weltall
Member

I still need some help here.

I tried to edit che css file of mention plugin, it should work but for some reason it doesn’t take the changes.

I simply edit the names color from gray (#333) to white (#FFF). This should make names visible. Still, the forum doesn’t take the change (source code display #333 and not #FFF).

This is the code in sp-mentions css i edited. I also purged wp, forum, plugin and browser cache, but nothing. What’s wrong?

rte-autocomplete
    color: #FFF; -> instead of #333

IK Ike
Ike
Member

Are you changing the right class? i.e it should be:

.rte-autocomplete > li > a {
     color: #ffffff;
 }

It should really be done through an .spcss file though. If you copy sp-mentions.css to your themes > styles folder and rename the extension to sp-mentions.spcss it will work almost like a child. This should of course be part of a child theme to make sure the changes are kept.

WE Weltall
Weltall
Member

@ike thanks, i did with spcss extension and now it works