| http://www.w3schools.com/cssref/css3_pr_background-size.asp I think this is what you want: background-size: contain; I used "cover" on mine. |
  |
Mafiacow said: Would anyone know what the pixel width-to-height ratio is please? Like, if the wallpaper image were scaled via coding or something, so as to match any computer viewing my list, what would be the dimensions needed so as there wouldn't be any cropping or stretching? It truly depends on each person's screen and their dimensions. You cannot expect a wallpaper to fit 100% on everyone's screen without stretching it and/or cutting the sides. That is because some monitors have a bigger while some smaller width x height ratio. Still, if it's a wallpaper set that synchronizes with the user's display, I always suggest the use of 1920x1200 images. 1920x1080 could do the trick as well, but I encourage the use of full wallpapers. |
Mafiacow said: Rather than that, I mean, what dimensions should the image be so that when it fills the page, it doesn't get cropped off? What is your screen size? |
   |
| I'm trying the "contain" thing and it's still cropping the bottom of my wallpaper for some reason. Anybody know why? |
SadSceneryBoi said: I'm trying the "contain" thing and it's still cropping the bottom of my wallpaper for some reason. Anybody know why? try this instead body{ background-position: bottom center !important; background-size: cover !important;} |
Shishio-kun said: SadSceneryBoi said: I'm trying the "contain" thing and it's still cropping the bottom of my wallpaper for some reason. Anybody know why? try this instead body{ background-position: bottom center !important; background-size: cover !important;} Thanks for the help, but I tried that and it still didn't work :/ For quick reference, the wallpaper looks complete in the preview, but when I actually go to my list the bottom is cropped and the rest gets zoomed in, which is super irritating. Here's the imgur links comparing them: https://imgur.com/a/MejIqj3 |
SadSceneryBoi said: Shishio-kun said: try this instead body{ background-position: bottom center !important; background-size: cover !important;} Thanks for the help, but I tried that and it still didn't work :/ For quick reference, the wallpaper looks complete in the preview, but when I actually go to my list the bottom is cropped and the rest gets zoomed in, which is super irritating. Here's the imgur links comparing them: https://imgur.com/a/MejIqj3 The codes should be at the bottom of your CSS; it looks like the codes were pasted incorrectly into the layout code and causing a couple issues. So paste them to the bottom and try to save again. |
Shishio-kunSep 25, 2019 5:07 PM
Shishio-kun said: SadSceneryBoi said: Thanks for the help, but I tried that and it still didn't work :/ For quick reference, the wallpaper looks complete in the preview, but when I actually go to my list the bottom is cropped and the rest gets zoomed in, which is super irritating. Here's the imgur links comparing them: https://imgur.com/a/MejIqj3 The codes should be at the bottom of your CSS; it looks like the codes were pasted incorrectly into the layout code and causing a couple issues. So paste them to the bottom and try to save again. Holy shit dude it worked! Thanks so much, really appreciate it! Edit: Actually now it's cropping the top of it off for some reason. |
SadSceneryBoi said: Shishio-kun said: The codes should be at the bottom of your CSS; it looks like the codes were pasted incorrectly into the layout code and causing a couple issues. So paste them to the bottom and try to save again. Holy shit dude it worked! Thanks so much, really appreciate it! Edit: Actually now it's cropping the top of it off for some reason. Yeah it's got unique dimensions so it's going to be hard to position on a standard screen. You could use body{ background-position: bottom center; background-size: 91% !important; } and this could crop it within the screen, but there will be edges on the sides for 1920 resolutions.  There might be a code to squeeze it into view completely but I think it would distort the image btw I think you can add @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; to the top of your CSS and get your preview pics back |
Shishio-kunSep 26, 2019 1:08 AM
Shishio-kun said: SadSceneryBoi said: Holy shit dude it worked! Thanks so much, really appreciate it! Edit: Actually now it's cropping the top of it off for some reason. Yeah it's got unique dimensions so it's going to be hard to position on a standard screen. You could use body{ background-position: bottom center; background-size: 91% !important; } and this could crop it within the screen, but there will be edges on the sides for 1920 resolutions. There might be a code to squeeze it into view completely but I think it would distort the image btw I think you can add @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; to the top of your CSS and get your preview pics back Sorry, forgot to mention this, but I just want to thank you. It worked. Sadly I can't get the full image to expand for any of them, but I can change whether the top, bottom, or a little of both is cropped off for each wallpaper depending on whichever looks the best, and I've done so. Thanks! |
SadSceneryBoi said: Shishio-kun said: Yeah it's got unique dimensions so it's going to be hard to position on a standard screen. You could use body{ background-position: bottom center; background-size: 91% !important; } and this could crop it within the screen, but there will be edges on the sides for 1920 resolutions. There might be a code to squeeze it into view completely but I think it would distort the image btw I think you can add @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore"; to the top of your CSS and get your preview pics back Sorry, forgot to mention this, but I just want to thank you. It worked. Sadly I can't get the full image to expand for any of them, but I can change whether the top, bottom, or a little of both is cropped off for each wallpaper depending on whichever looks the best, and I've done so. Thanks! Great! :D |
More topics from this board
» MAL ExportDevileeee - Sep 25, 2023 |
3 |
by zororo12
»»
Yesterday, 3:52 AM |
|
» Problem with API OAuth2 Authentication Loginbidgetfoss_4000 - Yesterday |
0 |
by bidgetfoss_4000
»»
Yesterday, 3:44 AM |
|
» Question about parental consentAverageRiceFan - Apr 16 |
1 |
by CareBear
»»
Yesterday, 2:55 AM |
|
» On my profile I got the wrong number of total episodes/total timeGamiKhan - Apr 22 |
2 |
by GamiKhan
»»
Apr 22, 2:58 PM |
|
Sticky: » Advertisement Complaint Thread ( 1 2 3 4 5 ... Last Page )Kineta - May 22, 2016 |
464 |
by traed
»»
Apr 22, 2:06 AM |