Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
WPAchievements Ranks
Avatar
Frank Fasano
Member
Free Members
sp_UserOfflineSmall Offline
Aug 29, 2014 - 9:17 am

Sending you credentials to see the page via PM now.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Aug 29, 2014 - 9:31 am

OK this is what I would start off with. You can adjust as per preference.

Add the following to either your WordPress theme styles.css file - OR - your SP theme but remember you ARE going to need to make this a custom child or normal theme or you will lose all of these changes on a future update.

#spMainContainer .spTopicPostSection .user_login_points { width: 120px; font-size: 10px; margin: 0 auto; }

And then in the template where you added the shortcode function - add immediately underneath it

sp_InsertBreak();

See how that goes....

andy-signature.png
YELLOW
SWORDFISH
Avatar
Frank Fasano
Member
Free Members
sp_UserOfflineSmall Offline
Aug 29, 2014 - 10:06 am

Ok, that appears to have made the writing smaller but not the status bar...

Also, I don't know how to create and reference a child theme so I'm currently making the edits in the SP theme itself.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Aug 29, 2014 - 10:18 am

Ah - I see there is contention for the styling. Try adding the following as well:

#spMainContainer .spTopicPostSection .user_login_points .pb_hold { width: 120px; }

And add this at the bottom the stylesheet.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Frank Fasano
Member
Free Members
sp_UserOfflineSmall Offline
Aug 29, 2014 - 10:42 am

We're getting very close.  Some of the writing is still outside the box.

Also, it's not re-scaling the sliding bar, it just abbreviated it.  This makes the bar appear full even when it shouldn't be.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Aug 29, 2014 - 12:41 pm

That is very heavy handed CSS the author has applied there. It's a bit over the top.
You will probably need to change the entry for
.user_current_rank, .li_points
from width of 230px to 120px.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Frank Fasano
Member
Free Members
sp_UserOfflineSmall Offline
Aug 29, 2014 - 1:01 pm

Where are you seeing that variable?  I don't find it in either style.css or the forum template.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Aug 29, 2014 - 2:14 pm

Ah - it's probably in CSS provided by the achievements plugin and stomping over everythign else.

Try adding it with 

#spMainContainer .spTopicPostSection .user_login_points

in front of it. Like you did the last line

andy-signature.png
YELLOW
SWORDFISH
Avatar
Frank Fasano
Member
Free Members
sp_UserOfflineSmall Offline
Aug 29, 2014 - 2:45 pm

Sorry, I am really terrible at this.  Can you tell me exactly what the line should say that I am adding to the style.css file?

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Aug 29, 2014 - 3:01 pm
#spMainContainer .spTopicPostSection .user_login_points.user_current_rank, .li_points { width: 120px; }
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: 649
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 616
Members: 17344
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10117
Posts: 79600