Loading...
 

History: Full-width backgrounds and fixed-width content

Preview of version: 4

This is extracted out of the FiveAlive theme stylesheet (fivealive.css), for appearance and behavior as in that theme: header and footer backgrounds go full-width, but header content, page middle content, and footer content are fixed-width. I did a quick check but there could be issues but anyway it's a starting point. Yellow is used as a temporary background color to check the performance and to be replaced by the actual background color/image. (Please make additions or changes as you like.)

If the full-width treatment is needed for just one of the header or footer, then don't use the rules for the area that should be full-width.

(If the theme is for a particular website, then there's not so much complexity regarding the fixed-width size, as the width can set it in the stylesheet and/or in Look and Feel admin. When making a theme for distribution, it can be a little tricky to set a default theme fixed-width size rule that works but isn't so strong that it prevents the Look and Feel setting from being respected.)

History

Advanced
Information Version
Wed 04 of Apr, 2018 07:55 GMT chibaguy Added the relevant CSS, for documentation purposes. 8
Tue 27 of Mar, 2018 14:50 GMT chibaguy Fixed details. 7
Tue 27 of Mar, 2018 14:41 GMT chibaguy "+" to indent a line doesn't seem to be working. 6
Tue 27 of Mar, 2018 14:39 GMT chibaguy Updated with new method info. 5
Wed 11 of Apr, 2012 01:32 GMT chibaguy Temporarily deleting code to test page view in mobile. 4
Wed 11 of Apr, 2012 01:32 GMT chibaguy Temporarily deleting code to test page view in mobile. 3
Wed 11 of Apr, 2012 01:30 GMT chibaguy Replacing pp with code plugin to try to resolve blank page in mobile view. 2
Sun 11 of Mar, 2012 02:01 GMT chibaguy Page created. 1

Switch Theme

Layout

Latest Changes

No records to display ...more

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config