Replies

Dec 11, 2024 1 year ago
This rift empty
tobymoth
YEET
User Avatar

Hello!! Just recently learned how to customize my user profile and I want to add a silly picture I drew without it being in the background if possible, is there a way I can do this? Or a way to add it to the background without it being a pattern? Joined subeta this October so I'm still navigating, I suppose,,, I have gotten the coding down somewhat well so if I have to edit that, that's fine. <3





[center]

you are loved. have a snack, have a drink. take care of yourself.

Dec 13, 2024 1 year ago
spacemage
is fashionable
User Avatar

gonna keep this short, both are possible for a profile

So let's go through the first option of adding it as an image: First you need to add html element which would look like make sure that it's NOT inside the sytle tags also I added a little extra with id so if you want to tweak anything through CSS then the selector would be {} make sure that is inside the style tags though (<style></style>)


The second option is also simple and easy, for you it's best to add it to the selector you are already using for background. First instead of using the overall property to set image instead use "background-image". Now onto the no repeating/tiling the property is "background-repeat" and the value should be set to "no-repeat". So the selector block you have should look something like below after you add the two properties html { background-color: ; cursor: default; background-image: url(URL_OF_IMAGE); background-repeat: no-repeat; } Just to mention there are other properties like "background-position" will allow you to move it to a different location other than top left and "background-size" can change the size of the image though like I said gonna keep it short so I'll leave it there

Please let me know if anything is unclear and if you want more details or help feel free to ping me

I made a forum group for CustomCSS and more

Please log in to reply to this topic.