Trouble getting Background Image to Show

[ankonaskiff17]

@sdetweil I’m more stumped now. The file name & location are good. If I hover over the url in your second example in VS Code it gives option to follow link and launches browser and loads picture just fine but no joy in MM.

[sdetweil]

@ankonaskiff17 ignore what other apps do… MM is primative

[ankonaskiff17]

@sdetweil I’m just saying that the file address is good as entered.
In main.css you have

html {
  cursor: none;
  overflow: hidden;
  background: var(--color-background);
  user-select: none;
  font-size: var(--font-size);
}

set for background. Is that causing issues? custom.css should override that, shouldn’t it?

[sdetweil]

@ankonaskiff17 where is your background set… body, there is an z-order too…

i use fullscreen_background position for my background images

if u look at the developer window elements tab to find your background, where is in the the css stack?

[ankonaskiff17]

@sdetweil Right at the top just below html. The way I understand is that it will load html first, then body. My html is an abbreviated version of main.css html

custom.css

main.css

[sdetweil]

@ankonaskiff17 body supercedes
html.

u should look in the developers window, elements tab to see the actual css tree

ctrl-shift-i, select elements tab.

[ankonaskiff17]

@sdetweil I’ve been doing that.

[sdetweil]

@ankonaskiff17 so u can turn off things with a click in front. so disable the background color

[ankonaskiff17]

@sdetweil I’ve wrestled with this all morning and exhausted every combination I could imagine, I decided to try sticking a color in as shown below. Not sure if anything can be inferred if it will accept a background color but not a background image. I am ignorant of the vagaries of js but is it possible that background: var(--color-background); in is locking me i n to only color options since the default is set in

:root {
--background-color #000
}

body {
background: red;
}

[sdetweil]

@ankonaskiff17 possibly… disable it in the dev window… uncheck it… right side, near the bottom (that is closest to main.css while top is closest to latest css.