CSS for adding background image to main

PowerShell Universal Universal Dashboard
1

This should be easy, but I’ve been poking at this all day trying to get it to work.

The CSS works fine when I edit it into the element.style rule of the <main> tag in Edge directly, but I just can’t seem to get PSU to grab it from the stylesheet I’m using. To be clear, the stylesheet is loading as other properties therein are being applied, I just think it’s to do with the rule name I’m using or some other detail I’ve overlooked.

I referenced the Cascading Style Sheets - PowerShell Universal docs page and tried the following (and multiple variations thereof), but no dice.

.ud-dashboard > div {
    background-image: url("https://myexampleurl.com/assets/Splashpage_1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 93%; 
}

Tried adding !important tags to the end too, to no avail. Has the naming convention changed from the documentation or is there some detail that I’m missing?

Product: PowerShell Universal
Version: 2.7.4
2

I might need more info to reproduce. This is what I tried.

New-UDDashboard -Title "Server Monitor" -Content {
} -Stylesheets @("/css/site.css")

This is my CSS. I changed the height property since the div is empty.

.ud-dashboard>div {
    background-image: url("https://ironmansoftware.com/img/backdrop.svg");
    background-repeat: repeat-y;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

image
image1128×829 72.5 KB

3

Mmm, right you are. This is definitely a case of my mistake, I’ve got it working now. Thanks Adam. :sweat_smile: