Help > Layout & Coding Help > Post Reply     

Make a background image smaller and repeating?

Default Avatar
nicki
July 13th, 2022 1:19:41pm
18 Posts

Hello, I recently "made" a new layout using the generator and I'm wondering if someone can help me figure out how to make the background image smaller. I'll post below the part of the code for the background pattern:


html {background: #ffffff url(https://i.imgur.com/mRCpMFu.jpg) fixed repeat center top;}


Looks like it's already making it a repeating background. What can I add to this to make the image much smaller? It's supposed to be a seamless pattern, so basically I'm going for a bunch of tiny pandas (see page, lol).


 


Thanks!




 


View Comments 1


Player Avatar
`NEKE-A-SAURUS → up in smoke
July 13th, 2022 1:29:48pm
12,807 Posts

url('inserturlhere');


background-attachment:fixed;


background-position:center;


background-repeat:repeat;


background-size: auto 100px;


overflow-x:hidden;




I use the above.




understand_reference_supernatural.gif

 

Default Avatar
nicki
July 14th, 2022 8:29:59am
18 Posts

Had to tweak it a bit but I got there. Thank you Neke!


 


html {


  background-image: url("https://i.imgur.com/mRCpMFu.jpg");


  background-attachment:fixed;


  background-position:center;


  background-repeat:repeat;


  background-size: auto 200px;


}




 

Player Avatar
`NEKE-A-SAURUS → up in smoke
August 2nd, 2022 12:04:29pm
12,807 Posts

PERFECT - SORRY I ALWAYS FORGET PARTS!




understand_reference_supernatural.gif

 

View Comments 1