Hide info bars in fullscreen

[t0ast]

Is there a way to hide the info bars at the top and bottom of the screen when viewing an image in fullscreen mode?

[DogmaDragon]

https://docs.stashapp.cc/themes/custom-css-snippets/#hide-the-lightbox-header-and-footer

/* [Gallery tab] Hides the lightbox header and footer to make the image area larger. Mouse reveals them as an overlay to the image*/

.Lightbox-header,
.Lightbox-footer{
z-index:9999;
position:absolute;
width:100%;
opacity:0;
background-color:#0008;
transition: opacity 0.5s ease;
}

.Lightbox-footer{
bottom:0;}

.Lightbox-navbutton{
opacity:0;
transition: opacity 0.5s ease;
}


.Lightbox-navbutton:hover,
.Lightbox-header:hover,
.Lightbox-footer:hover{
opacity:1;
}

[t0ast]

That was incredibly fast. thanks!