By Uwe on Monday, 21 June 2021
Posted in General Issues
Replies 3
Likes 0
Views 467
Votes 0
Hi, how can I edit the colors (background, fonts) in the popbox that shows when I hover over an avatar in Easysocial? I have found the php-file but no file with the css formatting.
Hey there,

You can add your custom CSS code for it at Backend > EasySocial > Themes > Custom CSS.

Do clear all of your caches before you see the changes.
·
Tuesday, 22 June 2021 10:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes I know that I can do it in custom css. But how can I identify the classes? It‘s not working with firebug.
Uwe
·
Tuesday, 22 June 2021 11:24
·
0 Likes
·
0 Votes
·
0 Comments
·
You can add the following custom CSS code for it.


body #es .popbox-content {
background-color: #fff;
}

body #es.popbox--cluster a, #es.popbox--cluster a:hover {
color: #666;
}


Do change the value of the color code that you want.

In order to identify its classes, you need to inspect it via the developer tool as shown in the video for an example. https://take.ms/ucTdc5
·
Tuesday, 22 June 2021 12:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post