...
| Code Block | ||||
|---|---|---|---|---|
| ||||
.content-header-image {
margin-top: 0px;
margin-bottom: 0px;
background-size: 100% 100%;
width: 100%;
max-height: 1072px;
} |
After removal of the old background, adding the image to the content header, and updating our CSS script we save the customisation and now when we resize the page we see the backgound resizes with the page;
If you want a more interesting effect you could use a transparent image for the content header top, then supply a complementary image background image (using the "BACKGROUND IMAGE" button). By using both images the background could just provide a texture background whilst the transparent re-sizing images would overlay on this background.