Template layout changes (Header / Footer)

I would like to do some major layout design changes:

1. I do not want to use an image background in home page
2. The whole website background will be a white color
3. In the header position I want to use a panoramic full width image slider
4. The footer area will be full width and in different color than black
Do you have any idea on how to accomplish all the above?
I have already found the panoramic module slider, but all the other changes maybe can be done on CSS and I do not know how to make the changes.

I will really appreciate it if you can help me. I have attached a draft example layout to understand better the changes.

Thank you in advance
Alexis

Could You post an url to your site?

Could You post an url to your site?

I use it in localhost.
When I finish test it all, I will upload it in Public_HTML. I hope that August 9th will be online but I have first change the layout.

Thank you for your reply

Ok, its quite "big" question, so Ill replay to it on few posts regarding each steps.
1. I do not want to use an image background in home page
Then You would need a feature called "Page Suffixes". Its described here:
http://www.gavick.com/documentation/gen ... mla-pages/
So after adding a suffix to home page (in this sample called homePage), You can
edit: /templates/gk_game_magazine/css/override.css and add at its end:

Code: Select all

body.homePage {background: #fff !important;}


Remember to enable "CSS override" in template settings - advanced section.

This will disable homepage background keeping it white, while image will stay on other pages.

2. The whole website background will be a white color
Right now its almost white (greyish ), but its a change that needs to be done

Because You don't want to completely disable background image, then You need to add another line to only modify color and not change image:

Code: Select all

doby {background-color: #fff}


It will change bg to white.


3. In the header position I want to use a panoramic full width image slider
Sadly changing this would require a lot of php and css editing - this template is not designed to support any element (beside footer) to be full width. They are contained in center column block and cant go outside.

4. The footer area will be full width and in different color than black
This is tricky, as the footer is a separate module and can be made full width, but php editing is needed.
Pl;ease edit file:
/templates/gk_game_magazine/layouts/blocks/bottom.php
and find each element having gkWrap class - this class "contains" element in main column width. Just remove those classes to gain full width on footer element.

Thank you