Background image

A background image is an image that fills the background of a page.

Examples

Basic

Basic screenshot

Documentation

Overview

In order to set the background image to be used, set the --pf-v6-c-background-image--BackgroundImage CSS variable to the path of the image. For example: --pf-v6-c-background-image--BackgroundImage: url(custom/path/image.jpg);

Usage

Class
Applied to
Outcome
.pf-v6-c-background-image
*
A fixed background image is applied to the background of the page.
--pf-v6-c-background-image--BackgroundImage
.pf-v6-c-background-image
Sets the background image to be used. Required