« Back to the HTML Forum

How to resize inner profile image

Posted by Kobilar

posted

Forum: HTML Group

I'm trying to set an image as my inner background and it works on the layout editor but doesnt work on my actual account. the image is also zoomed in a ton but I dont know how to resize it

Heres the code im tryna use:

<style>
main{
background-color: COLOR !important;
background-image: url('https://i.postimg.cc/J0GRsDDC/Beck-Ch-20-48.jpg') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>


any help is appreciated!


Report Topic

5 Replies

Sort Replies:

Reply by heath

posted
updated

you're going to have to choose between having the background be a bit stretched out or having it tiled. try this, it looks okay to me, a bit stretched out though, the picture isn't the best shape for a background and also not very high resolution.


<style>

main{

background-color: COLOR !important;

background-image: url('https://i.postimg.cc/J0GRsDDC/Beck-Ch-20-48.jpg') !important;

background-attachment: scroll !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: 100% !important; }

</style>


Permalink Report Reply

Reply by Kobilar

posted

thank you so much!!! it looks perfect!!!


Permalink Report Reply

Reply by Kobilar

posted

sorry another quick question! how would I make it fixed?


Permalink Report Reply

Reply by heath

posted

just switch where it says "scroll" in the code to "fixed"


Permalink Report Reply

Reply by Kobilar

posted

hmm when I do that it ends up back to being zoomed in, eh I think it looks anyway. aye also I see you helping out everybody else on here man and I think that's cool as hell bro keep on doin what ur doin. (also do you have any good resources for learning how to build a profile from scratch I'm strugglin like crazyy lol)


Permalink Report Reply