Replies

Mar 7, 2024 2 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Hello! I made my profile eons ago, and I honestly don't remember what half of it means anymore when looking through the code, haha.

My old computer screen was much smaller and my profile looked perfectly centered on it, but now with a bigger screen I realize it's all offset to the left-hand side. I'd love some help with how to adjust my current code to maintain the same spacing between each column, but have them centered.

My current code

<style> ,.comment_table,.header,.block,.info_block {background-image: none; border:0px;} body {background-repeat:no-repeat;} {background-color: transparent; font-size: 3px; position: absolute; top: 0px; left: 462px; color: transparent;} a:link, a:visited, a:active {font-size: 8px;} body, html {background-color: transparent; background-image: url(http://i.imgur.com/Gb92NGx.jpg); background-repeat: no repeat; height: 1350px !important; width: 1400px; background-position: top left; position:absolute;} body,html,div,table,td,tr,a {font-size: 9px; color: ;} a:link,a:visited {color:;} a:hover {color:; text-decoration: underline, baseline;} .column {border:none;} .input {border:0px; background-color: transparent; color: ; font-size: 8px;} {position:absolute; left: 0px; top: 10px; width: 325px; height: 1400px; overflow: auto;} {position:absolute; left: 470px; top: 10px; width: 325px; height: 1350px; overflow: auto;} {position:absolute; left: 935px; top: 10px; width: 325px; height: 1400px; overflow: auto;} .header {color: ; background-color: rgba(255,255,255,0.15); border-bottom:none; text-align:center;} li {background-color: transparent;} li {background-color: transparent;} li {background-color: transparent;} .toolbox_button {top:0px; width:100%; background-color:;} .updated_text {top:50px; left:10px; z-index:99; opacity:0.9; position:fixed; transition:1s;} </style>

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 7, 2024 2 years ago
Hongske
is lost in space
User Avatar

Hi The quickest (and laziest) way to do it, would be the following , { position: relative; left: calc((100vw - 1400px) / 2); }

{ width: 100%; margin-left: -90px; text-align: center; }

Just add it below everything else and you should be good to go! Let me know if it doesn't do the trick or if you have any further questions.

The best (and most work-intensive) way is to rewrite your code so it matches the new standards for bigger screens etc, but that takes a lot of time for something that basically ends up looking the same.

Mar 7, 2024 2 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

That worked perfectly, thank you so much! :)

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Mar 7, 2024 2 years ago
Hongske
is lost in space
User Avatar

You're very welcome! Feel free to contact me if you need more help with coding. PS: Don't forget to change the title of your topic so that the moderators know to lock this topic ;)

Mar 7, 2024 2 years ago
This rift empty
R4V3N
YEET
User Avatar
BumBum

Thanks, will do so if I do! :)

// [tp=R4V3N] // [egg=R4V3N] // : Second star to the right, and straight on 'till morning : : Live Long And Prosper : RIP Leonard Nimoy : "A life is like a garden. Perfect moments can be had, but not preserved, except in memory. LLAP"

Please log in to reply to this topic.