Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
spPinnedTopic
Avatar
merkaba5
Member
Free Members
sp_UserOfflineSmall Offline
Jul 5, 2013 - 5:35 am

Hello!

How i can edit design of the pinned topics (background, fonts and etc.)? I didn't find the relevant classes (e.g. spPinnedTopic) in default.php, in overlays or in .css files of forum themes. 

Thanks in advance for your help.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jul 5, 2013 - 6:37 am

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/.....g-a-theme/)

andy-signature.png
YELLOW
SWORDFISH
Avatar
merkaba5
Member
Free Members
sp_UserOfflineSmall Offline
Jul 5, 2013 - 8:32 am

Thank you, everything works fine!

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jul 5, 2013 - 8:41 am

Good to hear.

andy-signature.png
YELLOW
SWORDFISH
Avatar
merkaba5
Member
Free Members
sp_UserOfflineSmall Offline
Sep 4, 2013 - 5:25 am

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?

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Sep 4, 2013 - 5:54 am

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?

andy-signature.png
YELLOW
SWORDFISH
Avatar
merkaba5
Member
Free Members
sp_UserOfflineSmall Offline
Sep 5, 2013 - 10:32 am

I show this problem with screenshots.

Code:

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

In group view all right:

 

spPinned_01.jpgImage Enlarger

 

But in topic view:

 

spPinned_02.jpgImage Enlarger

 

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

 

spPinned_03.jpgImage Enlarger

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Sep 5, 2013 - 12:25 pm

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...

 

andy-signature.png
YELLOW
SWORDFISH
Avatar
merkaba5
Member
Free Members
sp_UserOfflineSmall Offline
Sep 5, 2013 - 1:52 pm

#spMainContainer .spForumTopicSection.spPinnedTopic

It works! Thank you!

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Sep 5, 2013 - 2:33 pm

No problem. Thanks for the confirmation.

andy-signature.png
YELLOW
SWORDFISH
Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625