This is what I am seeing when I am logged into the site http://screen.stackideas.com/2014-11-05_0112.png

Hi Mark.
Yeah, sorry about that! I use Chameleon to show different pages depending on whether a user is logged in or not, and it was having issues with sh404SEF (yes, you're not the only one who tears his hair out with it ).
It's all fixed now, so you should be able to get in to see what I am talking about.

Also, kind of related, is there an up to date list of module positions for groups and events pages? I want to put some information under the banners showing users our short url links (look at a profile page to see what I am on about). I've tried es-groups-after-header but nothing shows up.

Cheers
Dave

Hello Dave,

Firstly, please do understand that support does not cover customizations. You should actually do your own homework on how you could utilize Firebug to inspect these items. Here's a screen shot on how you could utilize Firebug to inspect over hover actions, http://screen.stackideas.com/2014-11-06_0033.png

Codes to modify hover background:

body div#fd.es.popbox.popbox-toolbar li > a:hover, body div#fd.es.popbox.popbox-toolbar li > a:focus {

background-color: #000 !important;

}

Manage group button:

body div#fd.es .btn-es-primary:hover, body div#fd.es .btn-es-primary:focus, body div#fd.es .btn-es-primary:active, body div#fd.es .btn-es-primary.active, .open .dropdown-toggle_body div#fd.es .btn-es-primary, body div#fd.es .btn-es-primary:focus:hover, body div#fd.es .btn-es-primary:focus:focus, body div#fd.es .btn-es-primary:focus:active, body div#fd.es .btn-es-primary.active:focus, .open .dropdown-toggle_body div#fd.es .btn-es-primary:focus {

background-color: #000 !important;

}

Mark...

Can I say your reply is rather harsh. I didn't ask you/stackideas to do the customisation. I did inspect the elements of the site to try to find the CSS classes used (as you can see, I managed to change most of the styles). In the absence of any documentation which states which CSS classes are used for the respective elements of ES, I turned to you to ask what the styles used are. At no point did I say "I want you to come into the site, customise my template to meet my requirements". That would warrant the reply you sent. Although I've installed FireBug when I couldn't find what I was looking for through the Chrome inspector, I asked for your guidance as I am still getting used to using FireBug.

Can I make a suggestion? Perhaps publish in the documentation the different CSS styles used by ES (and other Stackideas products for that matter) which will allow people to find the styles they need to change. This is not a criticism though - I appreciate you are all busy updating other components. However, there are some elements of the documentation that aren't there, for example the ES module positions for Groups and Events, and that's why we (the wider community) sometimes have to ask for your assistance.

I've also been a firm supporter of your software, buying ES, EB, ED, and Komento. I've even helped StackIdeas find issues in the ES software which have subsequently been incorporated into patch releases - so it's not been all take on my part.

Thank you for the information however, and I will endeavour to find any remaining CSS issues on my own.

Regards
Dave

Hello Dave,

I am not stating that you are requesting for customization but all I am saying is that we do provide customizations because we do not want others to think that we are biased in helping some users and not others I am sorry if I did sound harsh but it was never meant to be harsh and i am just being transparent here.

The css file itself is already a "walking document" or "talking document" if you are using Firebug or any web inspector to inspect the css files. To be honest, I really don't think that writing a documentation on all the css class makes any sense because at the end of the day, what you are trying to achieve here is basic css which are :hover and :focus and we can't be explaining every detailed classes with :hover and :focus because the documentation will have way over 10,000 pages.

OK point taken - it's just that I am not a web developer, I go more on the functionality - and I did try to find the classes, but not knowing CSS that well, I did the best I could. It was only after spending hours trying to find the classes and failing that I turned to you for a hint. I'll try to learn how Firebug works (somehow).
D.

I'll chime in. Firebug is a totally awesome tool, my personal favorite developer tool ever. When I want a good selector, I start out by right clicking on the right panel to add a new rule. Generally it gives a good class name, but every once and a while I might need to modify the selector for precision. Once you have your selector, for hovering objects, add a pseudo class to it so that it is selector:hover. If it's a link, make it selector:hover a so that the link highlights even if your not hovering the link, but are hovering the button. Finally he sure to add a !important rule. Here's an example:

body div#fd.es .btn-es-primary:hover {color: pink !important;}

This over rides the original color that is added to the element. I find them quite helpful when needing to do CSS over rides. If I had a major in code, it would be CSS.

Hey Mark,

I would both agree with you and Dave No point to set it all out but a little helper page on the major style would be could and I have been programming for years but, contrary to Josh, I'm not a big geek on CSS lol Always found that programming is like bike... quite hard to lose, however it is getting complicated to keep up. I know Jason mention that it would be done after ES 1.4 and EB 5 but I'm sure you would save some time after all to answers our zilllion questions :P And what has been posted has greatly helped me understand dev. Just be sure to do not fall behind development as they might have too many stuff developed.

Thanks for all your input on this guys. Appreciate it very much.