Shape 5

I am using a Velocity template at https://kingstonfestival2016.ca. One page on the site is a "Gallery" of photos, and I'd like to change the page background to black in order to enhance the pictures. I have a description at the page top, followed by a couple of dozen pictures, all set to "float:left". I have created a <div> on the page with a black background, but the trouble is that the images' "float" property does not allow the background to expand downwards with the photos. I've set the images in rows of four, but in a responsive layout for smaller screens, the rows may contain only three, two, or even one picture per row, and hence the height of the div increases!

I've tried using the custom_4 module, which looks great, but it will only load way down the page as a "below-the-maincontent module". What I want is to make the whole page look like that module.

Any Suggestions?

Hello,

The only way to have different styles on a single page is to create multiple template styles. In the template manager you can create a second style by duplicating your master one, and then set that one style to the specific page and give it a unique configuration set. However, I usually suggest against this, because now you have two sets of configurations that you have to deal with when making updates to the template settings.

Many thanks, Mike...copying the template was the perfect solution. I'm not worried about the repetition of updating, as the copy is only used for one page.   :D