Steam Community :: Guide :: Automatically Center Showcase Text

Steam

All Discussions Artwork Videos News Guides

Steam > Guides > Aezillo's Guides

1,046 ratings

Automatically Center Showcase Text

By Aezillo and 4 collaborators

Simple steps allowing you to automatically center text in your showcase.

Award

Created by

SloWolfe
Offline

💜 snaws designs 💜
Offline

Gwen
Online

shellcode
Offline

Aezillo
Online

Posted

Updated

9 Oct, 2017 @ 6:41pm

14 Aug, 2022 @ 10:16am

19,293	Unique Visitors
694	Current Favorites

Guide Index

Overview

ORDER BEST STEAM DESIGN

Step 1

Step 2

Step 3

Step 4

Closing Notes

Donate a coffee! Ko-fi.com/AeGuides

Comments

ORDER BEST STEAM DESIGN

If you're looking for someone to animate your profile, contact snaws design service.
Feel free to check his Website![www.snaws.design]

Automatic Method:

https://steamhost.cn/steamcommunity_com/sharedfiles/filedetails/?id=1639605752

Step 1

Open your "Edit Profile" page in Firefox or Chrome. https://steamhost.cn/steamcommunity_com/my/edit

Step 2

Go to your custom info box showcase and put whatever text you want to have centered.
Note: Emoticons will be avoided when automatic centering occurs.

Step 3

Now go into your browser's console by using one of these shortcuts:

Ctrl + Shift + J for Chrome
Ctrl + Shift + K for FireFox

You can also get to the console by right clicking anywhere on the page and selecting "Inspect Element, then clicking on the "Console" tab.

Step 4

Once you're in the console paste the code below and send it by pressing enter.
Note: on FireFox you'll need to type "allow pasting" before being allowed to send code.

function getTextWidth(text,font){var canvas=getTextWidth.canvas||(getTextWidth.canvas=document.createElement("canvas"));var context=canvas.getContext("2d");context.font=font;var metrics=context.measureText(text);return metrics.width} var strr='';var strr_in=document.getElementById('showcase_8_notes').value.split('\n');document.getElementById('showcase_8_notes').value='';strr_in.forEach(function(sttr_this){var cleanString=sttr_this.replace(/\[(.*?)\]/g,"");cleanString=cleanString.replace(/\:(.*?)\:/g,"");strr='';var str_width=getTextWidth(cleanString,"13px Arial");for(var i=0;i<parseInt(((600-str_width)/4)/4);i++) strr+="⠀";strr+=sttr_this;document.getElementById('showcase_8_notes').value+=strr+'\n'})

Congrats, you've automatically centered your info box text! Scroll down and click "Save Changes".

Closing Notes

We hope you enjoyed this guide. If you have a question, feel free to leave a comment.

Manually Centering Text Guide:
https://steamhost.cn/steamcommunity_com/sharedfiles/filedetails/?id=956619670

More Profile Related Guides:
https://steamhost.cn/steamcommunity_com/sharedfiles/filedetails/?id=736635300

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀The largest collection of profile guides. Follow for more.

Donate a coffee! Ko-fi.com/AeGuides

psssst...
Like what I do?
Donate a coffee! Ko-fi.com/AeGuides

33 Comments

< >

Frosty 28 Jun, 2024 @ 12:23am

RUS : Выберите что то одно из этого списка и напишите в моём профиле! Я отвечу СРАЗУ же!
TR :Bunlardan birini seç profilime yapıştır bende senin profiline yapıştırıcagım
ENG: Choose the one that's on the list and write in my profile, I will answer the same!
GER: Such dir eine Sache aus der Liste aus und schreib es unter mein Profil und ich mache es auch bei dir
+Rep best👹
+Rep killer👺
+Rep Good player 💜
+Rep Top Player 🔝
+Rep 300 iq 🧠
+Rep add me pls😇
+Rep very nice and non-toxic player😈
+REP U AR GOD?
+rep good player
+rep top
+REP nice man
+REP GOOD TEAM PLAYER
+rep get rekt
+rep good sucker
+rep 1love
+rep rly good
+rep the best
+rep nice ace dude :damien:
+rep top god man
+rep nice game)
+REP top dota player
+rep vacation player

Latvian Gypsy 7 Feb, 2023 @ 3:50pm

Says undefined and I can't message anyone or use my steam anymore, lmao. Help! (Cleared the console and it went back to normal, but I still can't get the code to work)