Support Forum

Private Message plugin – CSS

AN Ann
Ann
Member

Hi Guys,

 I’ve had a few members of my forum asking about changing the ‘new message’ indicator to show in red when a new PM has arrived. They say how well the ‘subscribed & watching’ indicators stand out when a new post has been made and would like the PM’s to be the same. I’ve not managed to find the correct lines in the css scripts, could you please point me in the right direction so I can make the changes.

Thank You

Annwink

18 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

Er… the PMs should perform in the same way. They do form a part of the ‘autoupdate’ mechanism. So – are your users absolutely sure they do not?

AN Ann
Ann
Member

Hi Yellow Swordfish, yes they are sure as am I, issue is the same with both mobile and desktop users. Using reboot theme and responsive mobile for WP

 SP plugin was installed a few years ago and only recently have the watch and subscribe plugins been added, updates are done as soon as they appear.
I use a basic member account to check out any changes (after clearing cache and cookies) and can confirm the problem exists. As I didn’t install the SP plugin on this particular server I can’t say whether the PM files have been modded in anyway.

I’ve not seen any errors in the log indicating that there is an issue with the PM plugin either.

I’ll take a look at the the files from a fresh download of the PM plugin and download the ones from the server so I can compare them, I’m going to need lots of coffee for this eek

MP Mr Papa
Mr Papa
Member

which reboot overlay?  its a different theme and wont necessarily make the same bright red or blue numbers so…   but its css so you can change that behavior with a child theme or custom theme…

AN Ann
Ann
Member

Hi Mr Papa, I’m fairly new to the SP structure but I finally found the css laugh

  I’ve just gone through the sp-pm.css and no mods have been made, all files were modified on 24-4-15 so it’s recently updated.

#spMainContainer #spPmCount .spPmCountUnread {
    color: #ff0000;

They are using original overlays (no child) and also using renamed duplicates of originals while experimenting with the colours and gradients.

With the various overlays tested the colour of PmCountUnread is anything but red (excluding light-red overlay), all overlays are showing their default colour for inbox button text.

I’d download the tables and uninstall the plugin to re-install but the host is tight with SQL usage and has already stopped me using the 250 and 500 rows view after a week of cleaning up, I really don’t need any more restrictions placed on access.

I’ve hit a brick wall with this one embarassed

MP Mr Papa
Mr Papa
Member

that is why I asked which overlay you were using…  the color is determined by the overlay…  in the overlay we use, its set to black (#000000)…  you had to have selected an overlay from the available ones… you can see which is in use on forum – themes – theme list…

do not uninstall…. would be a waste of time and not help at all… 🙂

sorry, what does “also using renamed duplicates of originals” mean?  how did you change the css?  are you using the css cache (forum – options – global settings)?  if so, did you clear it after making a change (forum – toolbox – housekeeping)?

are you sure the item in the inbox is actually unread? did you get the css from inspecting the count number in the browser?  that is, does the html markup actually have those ids/classes on the number?

AN Ann
Ann
Member

Duplicates of the overlays i.e
/wp-content/sp-resources/forum-themes/reboot/styles/overlays

eg peach has been duplicated and renamed to peaches n cream with original still in situ, only the colours have been modifed – no structure has been altered or code removed/ added.

all caches have been cleaned etc etc

I have created 2 std user accounts recently too, basically so I can view in various browsers at the same time. Yes the Pms are there and yes they are genuine ( i’ve sent some to my test accounts so I can view the issue) I even cleared out all my browsers to make sure it isn’t a localised issue.

AN Ann
Ann
Member

PS using the theme switcher plugin so users can select their desired overlay

AN Ann
Ann
Member

Just used inspect element in Firefox and IE this is what it has come up with. (using light-blue overlay)

#spMainContainer #spPmCount .spPmCountUnread {
    color: #3D578D;

reboot.php line 6511

<span id=”spPmCount”><span class=”spPmCountUnread”>1</span></span>
the #1 doesn’t show in F/Fox inspect

Where is it pulling that additional colour code from?
Same as colour for #spButton – It certainly isn’t pulling it from the css for spPmCountUnread

BTW all changes made to overlay colours were changed locally and not in WP

AN Ann
Ann
Member

I can see that the PM button doesn’t have onclick=’spjDialogAjax(this, “http://

or this href=”javascript:void(null)”

Both watch and subscribe button markup shows that, I can’t see any other differences.

YS Yellow Swordfish
Yellow Swordfish
Member

Are you just looking for the CSS source of the number? If so then you need to look in the sp-pm.spcss file which is what controls it when using Reboot. Unless you have removed the file of course.

AN Ann
Ann
Member

I want to know why it isn’t calling the correct css from sp-pm.css, I can’t see the error within the markup and it’s not browser or OS related, from where I’m standing it’s a coding issue but I just can’t see it – I’ve gone code blind.

Everything is out of the box, nothing has been moved or modified, all files are exactly the same as the install on my dev server which was a fresh install. The sp-pm.css is as it comes – no changes made, I have made like for like comparisons and checked for file corruption all to no avail. No files have been altered/modified within the SP structure whatsoever with the exception of the additional overlays that is. I’m going to run tests on the vanilla install to see if the issue exists there. Back in 20 mins or so…

AN Ann
Ann
Member

The same issue exists on the fresh install so it’s apparent to me it’s the PM plugin coding thats the issue and nothing to do with the site I’m working on.

IK Ike
Ike
Member

Yes, that’s right because Reboot doesn’t display anything other than the standard font colour for unread PM’s.

In your post #5, it looks to me like you are editing the actual plugin CSS file which is incorrect. As Andy has said above, Reboot has it’s own CSS files for plugins in the ‘styles’ folder. Here you should find sp-pm.spcss, not sp-pm.css. In the spcss you will see that Reboot defines the colour as the standard font colour i.e:

#spMainContainer #spPmCount .spPmCountUnread {
    color: <?php echo($lightFont); ?>;
}

If you want it to display red for all overlays, the easiest thing to do would be to create a child theme, bring in the spcss file and change the ‘color’ to a hex number instead of a variable, this way it will only get the rule from the spcss file for all overlays i.e:

#spMainContainer #spPmCount .spPmCountUnread {
    color: #FF0000;
}