https://subeta.net/petinfo.php?petid=874759

Just got this pet and it came with a custom profile... but as you can see everything is pushed to the side. How does one go about fixing this?

EDIT: I posted this super early my time and thus was half asleep and didn't notice the pin at the top of this forum board. Sorry guys.

Hiya, If you go through the code and the section called , my browser says it should look like

{ position: relative; margin-left: 1%; width: 39%;}

the margin-left doesn't work for some reason so replace it with { position: relative; width: 39%; left: 200px;}

I also noticed that wasn't enough to fix it, so I found this section { padding-top: 15px; padding-bottom: 75px; position: relative; overflow: auto; }

could fix it with a static position instead { padding-top: 15px; padding-bottom: 75px; position: static; overflow: auto;

and there's an overflow issue too I found that is making it scroll side to side when it doesn't need to, so to fix that just go to your body tag and add this overflow-x: hidden;

Hope those fixes helped!

..........UHM it did a thing? XDDD

I think you missed fixing the area

{ padding-top: 15px; padding-bottom: 75px; position: static; overflow: auto; } Yours will say relative instead of static. You can also replace the background color on the content to transparent if that white box still shows up.

It's there and I did it again to double check. It's still acting funky >:

Thank you for helping me by the way!

np, There's a slight issue because I'm not 100% what your code is, I think I might have found it (in the page source) and I see that it was changed to static but something won't let it work, try adding !important after the word static? It's possible it's a different column name or something looking at my own content works so it might just need that important tag :D

How can I go about sending you my code to peek at?

You can smail it to me or it might fit in the tag depending how long it is?

took a look and you have a comma that is causing the issue it is right after the block selecting , get rid of that and that should fix your issue

{ position: relative; width: 39%; left: 200px;},

yup, I think you're right looks like a stray comma is the culprit!

That fixed it!!! Thank you guys so much! Now I gotta tinker with it to make it look perfect/fix all the little other errors that popped up (like the wrong sized pet box and the title being small and having a scroll box. But YAY

What's sad is I make my own websites, I'm just so unfamiliar with what subeta is asking for (looking at the code I have) that I've been too intimidated and confused to tackle any of it.

Subeta just uses base css and some older html iirc. Nothing super special, but I feel; I generally code in Vue which is more functionality. I find the most difficult part of coding on subeta is getting thing to line up and be responsive. CSS itself, is just annoying to deal with lol

I've been able to decipher a lot from this code just from what you guys have shown me, but I'm still having a problem adding a background to it, can you help me?

For sure, try something like background: url('backgroundurlhere'); on your body tag, you may need to change it's properties so it doesn't repeat or only repeats a certain way. So instead you could do background: url('backgroundurlhere') no-repeat; or use the first code and add background-repeat: no-repeat;

Both of those will do the same thing, separating them will be slightly more user friendly for you later if you decide to change it. ^-^