Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Single post in Guide to CSS: Beginner to Expert

Forum Index > PokéFarm > Guides > Guide to CSS: Beginner to Expert >

QUOTE originally posted by Mirzam

Yes, you want the background-size properly, on the same block where you set the background image. Cover is my favorite, since it forces the image to fill the entire area without repeating or skewing. But you may need to pair it with background positioning, to control what parts get cropped. https://www.w3schools.com/cssref/css3_pr_background-size.php https://www.w3schools.com/cssref/pr_background-position.php .example { background: url("..."); background-size: cover; background-position: center top; }
I tried using the code you gave me, and messed with said background-positions, but it just cuts half of it off on my computer now :(

code i used only for that particular block

background-image: url('https://i.postimg.cc/1X4F7hnZ/IMG-0700.jpg'); background-size: cover; background-position: left center; repeat-y: repeat; font-family: 'Mulish';
Star | She/Her | Psychopath
BORED TO DEATH!!
Collecting
x 500 x 500
Sells a variety of things!
Credits
Full credits here. PFP => Salty_Lightning on Pinterest Button => Kaelwolfur
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page