Forum Support

Shape 5
March 29, 2024, 05:40:04 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Changing the background color of only one page?  (Read 855 times)
stormanf
Jr. Member
**
Offline Offline

Posts: 34



« on: April 12, 2016, 03:57:38 PM »

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?
« Last Edit: April 12, 2016, 04:40:03 PM by stormanf » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: April 13, 2016, 08:15:13 AM »

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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
stormanf
Jr. Member
**
Offline Offline

Posts: 34



« Reply #2 on: April 13, 2016, 03:54:56 PM »

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.   Cheesy
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.