How Backgrounds Are Implemented

To implement the page and slot backgrounds feature, Oracle Content Management dynamically creates a CSS stylesheet in the <head> of a page.

The selector for the styles is a tag-based selector (body) for the page background settings. For the slot background settings and ID-based selector, the slot ID is used.

For example, setting a background color for a page might yield the following CSS markup in the <head> of the page:

body
{
     background-color: #fa7c9d;
}

Similarly, setting a background image on a slot might yield the following CSS markup in the <head> of the page:

#PageFooter
{
     background-image: url("footer_image.png");
}

This implementation means that styles directly specified in the "style" attribute of the body tag or the slot element can override the settings configured in the stylesheet in the <head> code.

Important:

Theme developers should take care not to override background settings with element-based styles.

See Change the Background or Theme in Building Sites with Oracle Content Management.