We actually define quite a few classes in the code that do not necessarily appear in the stylesheets, largely because the majority of users do not want those styles. So – simply define your own styles for these occasions.

#spMainContainer .spPinnedTopic { }

should do the trick.

As always we recommend that you create your own SP theme so that any customisation is not lost during a future update. (http://codex.simple-press.com/codex/themes/theme-basics/creating-a-theme/)

Thank you, everything works fine!

Good to hear.

After update to 5.3.1 my styles with #spMainContainer .spPinnedTopic not work properly.

Instead of changes only in group view, this styles are applied to group and topic view. How i can apply this style only for gropu view?

By default the class .spPinnedTopic is ONLY applied to a topic row within the forum view. That is the same with 5.3.1 as it was with previous versions. It is currently used nowhere else. So did you change a template or something to use it elsewhere?

I show this problem with screenshots.

Code:

#spMainContainer .spPinnedTopic {
 background: #FFFACD !important;
 font-size: 100%;
}

In group view all right:

But in topic view:

Before update to 5.3.1 topic view with this code was like this:

Well apologies. I have no idea why that change was made although I will look back to see. It is probably technically correct to do so though. What you need to really do is be a bit more specific with the CSS rule. Try changing it to this:

#spMainContainer .spForumTopicSection.spPinnedTopic

Note – no space between those class names…

#spMainContainer .spForumTopicSection.spPinnedTopic

It works! Thank you!

No problem. Thanks for the confirmation.